put search page online

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 }}