From 8467cd79e4661ca8756046a4598df4bb9930f1a4 Mon Sep 17 00:00:00 2001
From: Christoph Cullmann <cullmann@kde.org>
Date: Thu, 11 Apr 2019 23:02:11 +0200
Subject: [PATCH] put search page online

---
 config.toml                  |  7 ++++++-
 content/search.md            |  2 +-
 layouts/_default/search.html | 30 ++++++++++++++++++++++--------
 3 files changed, 29 insertions(+), 10 deletions(-)

diff --git a/config.toml b/config.toml
index 3948789..67ea44a 100644
--- a/config.toml
+++ b/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
diff --git a/content/search.md b/content/search.md
index dfb737b..3fc774a 100644
--- a/content/search.md
+++ b/content/search.md
@@ -1,5 +1,5 @@
 ---
-title: "Search Results"
+title: "Search"
 sitemap:
   priority : 0.1
 layout: "search"
diff --git a/layouts/_default/search.html b/layouts/_default/search.html
index 3222588..df66255 100644
--- a/layouts/_default/search.html
+++ b/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 }}