search.html

---
layout: default
title: Search
permalink: /search/
---

<section class="wrapper spotlight style1 search-page">
    <div class="inner">
      <div class="content">
        <h2 class="major">
          Search for
          <form action="/search/" method="get" class="search-form">
            <input type="text" id="search-box" name="query">
          </form>
        </h2>
        <div class="spinner-container" style="width: 100%; height: fit-content; text-align: center;">
          <i id="search-spinner" class="fa fa-spinner fa-pulse fa-3x"></i>
        </div>
        <section id="search-results" class="features search-results">
        </section>
      </div>
    </div>
</section>

<script>
  window.store = {
    {% for post in site.posts %}
      "{{ post.url | slugify }}": {
        "title": "{{ post.title | xml_escape }}",
        "url": "{{ post.url | xml_escape }}",
        "image": "{{ post.image }}",
        "date": "{{ post.date | date_to_string }}",
        "category": "post, blog post, blog",
        "content": {{ post.content | strip_html | strip_newlines | jsonify }}
      },
    {% endfor %}
    {% for job in site.jobs %}
      "{{ job.url | slugify }}": {
        "title": "{{ job.title | xml_escape }}",
        "url": "{{ job.url | xml_escape }}",
        "image": "{{ job.image }}",
        "date": "",
        "category": "job, vacancy, jobs, vacancies",
        "content": {{ job.content | strip_html | strip_newlines | jsonify }}
      }
      {% unless forloop.last %},{% endunless %}
    {% endfor %}
  };
</script>
<script src="/js/lunr.min.js"></script>
<script src="/js/search.js"></script>