---
layout: page
---
<script src="/assets/js/lunr.min.js"></script>

<h1>Search results for <span id="qterm"></span></h1>
<div id="results">
</div>


<script>
  // data
  var pages = [
    {% for post in site.posts %}
      {
        "id": "{{ post.url | slufigy }}",
        "title": {{ post.title | jsonify }},
        "content": {{ post.content | strip_html | jsonify }},
        "url": "{{ post.url | xml_escape }}"
      }
      {% unless forloop.last %},{% endunless %}
    {% endfor %}
  ];

  // index
  var idx = lunr(function () {
    this.ref('url');
    this.field('title');
    this.field('content');
    pages.forEach(function (doc) {
      this.add(doc);
    }, this);
  });

  // search
  var queryterm = "zeit";
  var result = idx.search(queryterm);
  if(result.length) {
    var root = document.getElementById("results").appendChild(
      document.createElement("ul")
    );


    result.forEach(r => {
      const p = pages.find(p => p.id == r.ref);
      var li = document.createElement("li")
      var el = li.appendChild(document.createElement("a"));
      el.textContent = p.title;
      el.href = p.url;
      el = li.appendChild(document.createElement("span"));
      el.textContent = " [score: " + r.score.toString() + "]";
      root.appendChild(li);

    });

  } else {
    var el = document.createElement("p");
    el.textContent = "No results";
    document.getElementById("results").appendChild(el);
  }
  document.getElementById("qterm").textContent = queryterm;
</script>