put search page online

config.toml

@@ -130,7 +130,12 @@ pygmentscodefencesguesssyntax = true
     url = "links/"
     weight = 50
 
+  [[menu.main]]
+    name = "Search"
+    url = "search/"
+    weight = 60
+
   [[menu.main]]
     name = "Impressum"
     url = "impressum/"
-    weight = 60
+    weight = 70

content/search.md

@@ -1,5 +1,5 @@
 ---
-title: "Search Results"
+title: "Search"
 sitemap:
   priority : 0.1
 layout: "search"

layouts/_default/search.html

@@ -1,17 +1,26 @@
 {{ define "content" }}
+
+<!-- needed script magic -->
 <script src="/jquery-3.4.0.js"></script>
 <script src="/fuse.js"></script>
 <script src="/jquery.mark.js"></script>
 <script src="/search.js"></script>
 
-  <div class="my-auto" >
-    <form action="{{ "search" | absURL }}">
-      <input id="search-query" name="s"/>
-    </form>
-    <div id="search-results">
-     <h3>Matching pages</h3>
-    </div>
-  </div>
+<!-- search content -->
+<section class="container page">
+
+<header>
+    <h1>Search</h1>
+</header>
+
+<article>
+
+<form action="{{ "search" | absURL }}">
+    <input id="search-query" name="s"/>
+</form>
+
+<div id="search-results">
+</div>
 
 <!-- this template is sucked in by search.js and appended to the search-results div above. So editing here will adjust style -->
 <script id="search-result-template" type="text/x-js-template">
@@ -22,4 +31,9 @@
       ${ isset categories }<p>Categories: ${categories}</p>${ end }
     </div>
 </script>
+
+</article>
+
+</section>
+
 {{ end }}