search.html

---
title: Search
slug: search
section: search
custom_css: ["search"]
canonical_url: "none"
---
<search>
<form class="TableObject" id="search" action="/search/" method="GET">
  <div class="TableObject-item TableObject-item--primary">
    <input class="input-lg input-hide-webkit-autofill input-block form-control" autocomplete="off" placeholder="Type here to search..." aria-label="search box" type="text" id="search-box" name="q">
  </div>
  <div class="TableObject-item">
    <button class="input-lg btn ml-2" type="submit" aria-label="Search">
      <i title="Search" class="fas fa-search"></i>
    </button>
  </div>
</form>
</search>
<div class="TableObject-item">
  <select id="search-filter" name="filter" class="form-select" aria-label="Filter">
    <option value="">All types</option>
    <option value="+in:articles">Articles</option>
    <option value="+type:authors">Authors</option>
    <option value="+in:av">Av</option>
    <option value="+in:booklets">Booklets</option>
    <option value="+in:canon">Canon</option>
    <option value="+type:courses">Courses</option>
    <option value="+in:essays">Essays</option>
    <option value="+in:excerpts">Excerpts</option>
    <option value="+type:journals">Journals</option>
    <option value="+in:monographs">Monographs</option>
    <option value="+type:pages">Pages</option>
    <option value="+in:papers">Papers</option>
    <option value="+type:posts">Posts</option>
    <option value="+type:publishers">Publishers</option>
    <option value="+type:reference">Reference</option>
    <option value="+type:series">Series</option>
    <option value="+type:tags">Tags</option>
  </select>
</div>

<div style="display: none;" id="search-loading"><h3><i class="fas fa-circle-notch fa-spin"></i></h3><p id="still-loading" style="display: none;">Still loading...</p></div>
<ul id="search-results"><li>Sorry, this page requires Javascript</li></ul>

<script>
document.getElementById('search-loading').style.display = 'block';
document.getElementById('search-results').innerHTML = '';
</script>
<script src="/assets/js/utils.js"></script>
<script async src="/assets/js/search.js"></script>