---
styles: ["search"]
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' | url }}" defer></script>

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

<p>Welcome to neoBeta's search, here you can search through our whole database of plugins, mods and authors. You may want to filter out the results using the dropdown menu below. The search is done on your device using <a href="https://github.com/weixsong/elasticlunr.js">elasticlunr</a>.</p>

<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="all" selected>All</option>
    <option value="plugin">Plugins</option>
    <option value="mod">Mods</option>
    <option value="author">Authors</option>
  </select>
</div>
<div id="searchResults" style="display: flex; gap: 1em; flex-direction: column;"></div>