search.html

---
layout: page
title: Search
body-class: search
description: Something you're looking for? Use this page to search my entire blog.
---

<h1>Search</h1>
<form>
    <div class="search-form__wrapper">
        <label for="search-form-input" class="visuallyhidden">Search Term(s)</label>
        <input type="text" name="query" class="search-form__input" id="search-form-input">
        <button class="search-form__button" aria-label="Submit">
            <svg width="15" height="22"><use xlink:href="#search"></use></svg>
        </button>
        <div class="clear"></div>
    </div>
</form>
<div class="search-results__container">
</div>
<script src="/scripts/lunr.min.js" integrity="sha256-1qDTTA+irpHkZeH2aByrG8o1hJnYW/p1l2XvY4H5VUM="></script>
<script type="application/json" id="search-data">
	{
	{% for post in site.posts %}
        "{{ post.url | slugify }}": {
            "id": "{{ post.url | slugify }}",
            "title": "{{ post.title | xml_escape }}",
            "url": "{{ post.url | xml_escape }}",
            "tags": "{{ post.tags | array_to_sentence_string }}"
        }
        {% unless forloop.last %},{% endunless %}
    {% endfor %}
	}
</script>
<script src="/scripts/search.js" integrity="sha256-jYts2qdrV4S840pHgysLmyNu6dh7+BwrvqepHJG/ahE="></script>