From 53c9ba85bf18e53a7d998c048d10e578b5a19983 Mon Sep 17 00:00:00 2001
From: johannst <johannes.stoelp@gmail.com>
Date: Tue, 11 May 2021 01:48:40 +0200
Subject: added search input with simple search result preview

---
 templates/index.html | 25 +++++++++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

(limited to 'templates/index.html')
diff --git a/templates/index.html b/templates/index.html
index bc5cca2..ad0d413 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,3 +1,5 @@
+<!-- Override derived from hyde theme: https://github.com/getzola/hyde.git -->
+
 <!DOCTYPE html>
 <html lang="en">
     <head>
@@ -44,14 +46,24 @@
                         {% endfor %}
                         {% endblock sidebar_nav %}
                     </ul>
+
+                    <!-- johannst START -->
+                    <div class="search-container">
+                        <input id="search" type="search" placeholder="🔎 Search">
+                    </div>
+                    <!-- johannst END -->
                 </div>
             </div>
         {% endblock sidebar %}
 
-        <div class="content container">
+        <!-- johannst: START | add id -->
+        <div class="content container" id="pages">
+        <!-- johannst: END -->
             {% block content %}
                 <div class="posts">
-                    {% for page in section.pages | reverse %}
+                    <!-- johannst: START | remove `reverse` -->
+                    {% for page in section.pages %}
+                    <!-- johannst: END -->
                       <div class="post">
                         <h1 class="post-title">
                           <a href="{{ page.permalink }}">
@@ -66,6 +78,15 @@
             {% endblock content %}
         </div>
 
+        <!-- johannst START -->
+        <div class="content container" id="search-results">
+            <div id="search-results-items"></div>
+        </div>
+
+        <script type="text/javascript" src="{{ get_url(path="elasticlunr.min.js") }}"></script>
+        <script type="text/javascript" src="{{ get_url(path="search_index.en.js") }}"></script>
+        <script type="text/javascript" src="{{ get_url(path="search.js") }}"></script>
+        <!-- johannst END -->
     </body>
 
 </html>
-- 
cgit v1.2.3

