From a7fed26337081ae0edbe84c769af21a409536cf3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=93scar=20N=C3=A1jera?= <hello@oscarnajera.com>
Date: Sun, 15 Jul 2018 19:43:38 +0200
Subject: Import search

https://gist.github.com/eddiewebb/735feb48f50f0ddd65ae5606a1cb41ae
---
 layouts/_default/search.html | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 layouts/_default/search.html

(limited to 'layouts/_default/search.html')

diff --git a/layouts/_default/search.html b/layouts/_default/search.html
new file mode 100644
index 0000000..7dd02df
--- /dev/null
+++ b/layouts/_default/search.html
@@ -0,0 +1,28 @@
+{{ define "footerfiles" }}
+<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/3.2.1/fuse.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/jquery.mark.min.js"></script>
+<script src="{{ "js/search.js" | absURL }}"></script>
+{{ end }}
+
+{{ define "main" }}
+<section class="bg-near-white">
+    <div class="mw7 center pv4" >
+        <form action="{{ "search" | absURL }}">
+            <input id="search-query" name="s"/>
+        </form>
+        <div id="search-results">
+            <h3>Matching pages</h3>
+        </div>
+    </div>
+</section>
+<!-- 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">
+ <div id="summary-${key}" class="bt bb b--black-10 ph4">
+ <h4><a href="${link}">${title}</a></h4>
+ <p>${snippet}</p>
+ ${ isset tags }<p>Tags: ${tags}</p>${ end }
+ ${ isset categories }<p>Categories: ${categories}</p>${ end }
+ </div>
+</script>
+{{ end }}
-- 
cgit v1.2.3