1 files changed, 36 insertions, 0 deletions
diff --git a/templates/search.html b/templates/search.html
new file mode 100644
index 0000000..b022c8d
--- /dev/null
+++ b/templates/search.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Search — {{ site.title }}</title>
+<link rel="stylesheet" href="{{ site.url }}style.css">
+</head>
+<body>
+<header>
+  <h1><a href="/">{{ site.title }}</a></h1>
+  <nav><a href="/">home</a></nav>
+</header>
+<main>
+  <input type="search" id="q" placeholder="search posts..." autofocus>
+  <ul id="results" class="post-list"></ul>
+</main>
+<footer><p>{{ site.author }}</p></footer>
+<script>
+var idx = [];
+fetch("/search.json").then(function(r){return r.json()}).then(function(d){idx=d});
+document.getElementById("q").addEventListener("input", function(){
+  var q = this.value.toLowerCase().trim();
+  var html = "";
+  if (q.length < 2) { document.getElementById("results").innerHTML = ""; return; }
+  for (var i = 0; i < idx.length; i++) {
+    var p = idx[i];
+    if (p.title.toLowerCase().indexOf(q) >= 0 || p.text.toLowerCase().indexOf(q) >= 0) {
+      html += '<li><h2><a href="/' + p.slug + '/">' + p.title + '</a></h2><span class="meta">' + p.date + '</span></li>';
+    }
+  }
+  document.getElementById("results").innerHTML = html || "<li class='none'>no results</li>";
+});
+</script>
+</body>
+</html>