Add search functionality.

_includes/search-js.html

@@ -0,0 +1,18 @@
+<script>
+  (function() {
+    {% include js/simple-jekyll-search.min.js %}
+
+    var searchInput = document.querySelector('.search-input');
+    var searchResults = document.querySelector('.search-results');
+
+    if (searchInput && searchResults) {
+      window.SimpleJekyllSearch({
+        json: '/search.json',
+        noResultsText: '<li class="no-results">Sorry, there are no results for that search.</li>',
+        resultsContainer: searchResults,
+        searchInput: searchInput,
+        searchResultTemplate: '<li><a href="{url}">{title}</a></li>'
+      });
+    }
+  })();
+</script>

_includes/search.html

@@ -0,0 +1,4 @@
+<div class="search-container">
+  <input class="search-input" type="text" placeholder="Search..." autocomplete="off">
+  <ul class="search-results"></ul>
+</div>

_includes/subnav.html

@@ -1,3 +1,5 @@
+  {% include search.html %}
+
   <nav class="bd-subnavbar pt-2 pb-3 pb-md-2">
     <div class="container d-flex align-items-md-center py-2">
       <nav class="nav mx-auto">

_layouts/default.html

@@ -42,6 +42,7 @@
     </div>
 
     {% include footer.html %}
+    {% include search-js.html %}
 
     {% include lazyload.html %}
     {% include carbonads.html %}

search.json

@@ -0,0 +1,16 @@
+---
+---
+
+[
+{%- assign sorted_pages = site.posts | sort: 'date' | reverse -%}
+{%- for page in sorted_pages -%}
+
+{%- assign content = page.content | split: '<h1 class="post-title"' -%}
+
+{
+  "content": {{ content[0] | split: '</h1>' | last | strip_html | normalize_whitespace | jsonify }},
+  "title": {{ page.title | strip_html | normalize_whitespace | jsonify }},
+  "url": {{ page.url | jsonify }}
+}{% unless forloop.last %}, {% endunless %}
+{%- endfor -%}
+]