version 3.0 of the theme -- complete overhaul

_drafts/search.html

@@ -0,0 +1,55 @@
+---
+---
+<script>
+$(".escapeMe").remove();
+</script>
+<!--
+http://10consulting.com/2013/03/06/jekyll-and-lunr-js-static-websites-with-powerful-full-text-search-using-javascript/
+-->
+
+<div class="home">
+    <header class="post-header">
+        <h1>Search</h1>
+    </header>
+
+    <article class="post-content">
+        <div id="search">
+            <form action="search.html" method="get">
+                <input type="text" id="search-query" name="q" placeholder="Search" autocomplete="on">
+            </form>
+        </div>
+
+        <section id="search-results" style="display: none;">
+            <p>Search results</p>
+            <div class="entries">
+            </div>
+        </section>
+
+        {% raw %}
+        <script id="search-results-template" type="text/mustache">
+			{{#entries}}
+			<article>
+				<h3>
+					{{#date}}<small><time datetime="{{pubdate}}" pubdate>{{displaydate}}</time></small>{{/date}}
+					<a href="{{url}}">{{title}}</a>
+				</h3>
+			</article>
+			{{/entries}}
+		</script>
+        {% endraw %}
+
+
+        <script src="../js/search.min.js" type="text/javascript" charset="utf-8"></script>
+
+        <script type="text/javascript">
+            $(function() {
+                $('#search-query').lunrSearch({
+                    indexUrl: 'js/index.json',           // URL of the `index.json` index data for your site
+                    results:  '#search-results',          // jQuery selector for the search results container
+                    entries:  '.entries',                 // jQuery selector for the element to contain the results list, must be a child of the results element above.
+                    template: '#search-results-template'  // jQuery selector for the Mustache.js template
+                });
+            });
+        </script>
+    </article>
+</div>