{% if query == "" %}
<p>Start typing in the search box above to search for bookmarks. If JavaScript is enabled, you'll get realtime search results. Remember that you get more results from tags after you completed a word.</p>
{% else %}

{% if results.len() == 0 %}
<p>No results found. Have you <a href="/index">created an index</a>?</p>
{% else %}
<h2>Results</h2>
<ul id="result-list">
{% for result in results %}
    <li>
        <span class="score">{{ result.score.round() }}</span><a href="{{ result.url }}">{{ result.title }}</a>
        <p>{{ result.description }}</p>
        <ul class="tags">
            {% for tag in result.tags %}
            <li><a href="/search?q={{ tag }}">#{{ tag }}</a></li>
            {% endfor %}
        </ul>
        {% if explanation_enabled %}
        <details>
            <summary>Explanation</summary>
            <pre><code>{{ result.explanation.to_pretty_json() }}</code></pre>
        </details>
        {% endif %}
    </li>
{% endfor %}
</ul>
{% endif %}

<h2>Have't found what you're looking for?</h2>
<p>You may try another search engine:</p>
<ul id="search-engines">
    <li><a href="https://duckduckgo.com/?q={{ query }}">DuckDuckGo</a></li>
    <li><a href="https://startpage.com/do/search?q={{ query }}">StartPage</a></li>
    <li><a href="https://en.wikipedia.org/w/index.php?search={{ query }}">Wikipedia (English)</a></li>
    <li><a href="https://www.wolframalpha.com/input?i={{ query }}">Wolfram Alpha</a></li>
    <li><a href="https://clew.se/search?q={{ query }}">Clew</a></li>
    <li><a href="https://www.mojeek.com/search?q={{ query }}">Mojeek</a></li>
    <li><a href="https://marginalia-search.com/search?query={{ query }}">Marginalia</a></li>
    <li><a href="https://wiby.me/?q={{ query }}">Wiby</a></li>
    <li><a href="https://searchmysite.net/search/?q={{ query }}">SearchMySite</a></li>
    <li><a href="https://stract.com/search?q={{ query }}">Stract</a></li>
    <li><a href="https://www.qwant.com/?q={{ query }}">Qwant</a></li>
    <li><a href="https://search.brave.com/search?q={{ query }}">Brave Search</a</li>
    <li><a href="https://yep.com/web?q={{ query }}">Yep</a></li>
    <li><a href="https://rightdao.com/search?q={{ query }}">Right Dao</a></li>
    <li><a href="https://fynd.bot/?search={{ query }}">Fynd</a></li>
    <li><a href="https://search.lixialabs.com/?q={{ query }}">Lixia</a></li>
</ul>
{% endif %}