<form method="get" action="/search">
    <section class="search-box">
        <h1>Search the Internet</h1>
        <div class="input">
            <input id="query" name="query" placeholder="Search terms" value="{{query}}">
            <input value="Go" type="submit">
        </div>
        <div class="settings">
            <select name="profile" id="profile">
                <optgroup label="General Search">
                <option {{#eq profile "default"}}selected{{/eq}} value="default">Popular Sites</option>
                <option {{#eq profile "modern"}}selected{{/eq}} value="modern">Blogs and Personal Websites</option>
                <option {{#eq profile "academia"}}selected{{/eq}} value="academia">Academia</option>
                <option {{#eq profile "vintage"}}selected{{/eq}} value="vintage">Web 1.0</option>
                <option {{#eq profile "corpo"}}selected{{/eq}} value="corpo">No Domain Ranking</option>
                </optgroup>
                <optgroup label="Topics Search">
                <option {{#eq profile "food"}}selected{{/eq}} value="food">Recipes &#127859;</option>
                <option {{#eq profile "crafts"}}selected{{/eq}} value="crafts">Crafts &#129697;&#128296; (WIP; mostly textile-craft)</option>
                <option {{#eq profile "classics"}}selected{{/eq}} value="classics">Classics and Antiquity &#128220;</option>
                </optgroup>

            </select>
            <select name="js" id="js">
                <option {{#eq js "default"}}selected{{/eq}} value="default">Allow JS</option>
                <option {{#eq js "no-js"}}selected{{/eq}} value="no-js">Deny JS</option>
                <option {{#eq js "yes-js"}}selected{{/eq}} value="yes-js">Require JS</option>
            </select>
        </div>
        <div class="extra">
            <a href="https://search.marginalia.nu/explore/random">Random Websites</a>
        </div>
    </section>
</form>