search.html

---
layout: search
---
<div class="search-header">
  <div class="search-container">
    <form action="/search.html" method="get">
      <button type="submit" value="search"><i class="fa fa-search"></i></button>
      <div class="search-text">
        <input type="text" id="search-box" name="query" placeholder="Search...">
      </div>
   </form>
  </div>
</div>

<h3>Search Results</h3>
<ul class="post-list" id="search-results"></ul>

<script>
  window.store = {
    {% for post in site.posts %}
      "{{ post.url | slugify }}": {
        "title": "{{ post.title }}",
        "meta": "{{ post.date | date: '%B %-d, %Y' }}",
        "content": {{ post.content | strip_html | strip_newlines | jsonify }},
        "url": "{{ post.url | xml_escape }}"
      }
      {% unless forloop.last %},{% endunless %}
    {% endfor %}
  };
</script>
<script src="/js/lunr.min.js"></script>
<script src="/js/search.js"></script>