---
layout: "base.njk"
---
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/elasticlunr/0.9.6/elasticlunr.min.js"></script>
<script src="/assets/search.js" defer></script>

<style>
  main {
    display: flex;
    flex-direction: column;
    gap: 1em;
    justify-content: center;
  }
</style>

<div style="display: flex; gap: .5em;">
  <input type="text" id="search" placeholder="Search..." style="flex-grow: 1;"/>
  <select name="Search mode" id="searchMode">
    <option value="plugin" selected>Plugins</option>
    <option value="mod">Mods</option>
  </select>
</div>
<div id="searchResults" style="display: flex; gap: .5em; flex-direction: column;"></div>