{% extends "shell.html" %}

{% block title %}the best search engine{% endblock %}

{% block head %}
<link rel="stylesheet" href="/static/themes/{{theme}}/frontpage.css"/>
<link rel="stylesheet" href="/static/themes/{{theme}}/inline-announcement.css"/>
{% endblock %}

{% block page %}
<div class="main">
    {% if alpha %}<span id="alpha-warning">WARNING! askLyphe is in alpha! user experience is in no way representative of the final product!</span>{% endif %}
    {% match error %}
    {% when Some with (val) %}
    <div class="error">{{ val }}</div>
    {% when None %}
    {% endmatch %}
    <div id="lyphebig">
        <div class="bent-surrounding">
            <img id="lypheimg" src="/static/img/lyphebent{% if alpha %}-alpha{% endif %}.png" alt="image of lyphe, our mascot!">
        </div>
        <div id="lyphetitle">
            <img src="/static/img/logo.png" alt="ask Lyphe!"/>
            <p>a user-first, customizable, useful, and fun search engine!</p>
        </div>
    </div>
    <h2>currently in invite-only alpha, you must have an invite code to register (:</h2>
    <h3>invites are currently given out at our discretion. please don't email us begging us for an invite code (:</h3>
    <div class="account-buttons">
        <a href="{{ authurl }}/login" class="button">login!</a>
        <a href="{{ authurl }}/register" class="button">register!</a>
    </div>
    <h3>{{ count }} sites indexed!</h3>
    <div class="front-links">
        <ul>
            <li>
                <a href="/static/docs/about/">About</a>
            </li>
            <li>
                <a href="https://voremicrocomputers.com/crawler.html">Crawler Information</a>
            </li>
            <li>
                <a href="/static/docs/">Documentation</a>
            </li>
            <li>
                <a href="/static/terms_of_use.html">Terms of Use</a>
            </li>
            <li>
                <a href="/static/privacy_policy.html">Privacy Policy</a>
            </li>
        </ul>
    </div>

    {% match announcement %}
    {% when Some with (a) %}
    <div class="announcement">
        <span class="announcement-date">{{ a.date }}</span>
        <h4>{{ a.title }}</h4>
        <p>{{ a.content }}</p>
        <p><a href="{{ a.url }}">Read More...</a></p>
    </div>
    {% when None %}
    {% endmatch %}

    <hr/>
    <div id="features">
        <div class="pagegradient">
            <div id="userfirst" class="feature">
                <h1>user-first</h1>
                <img src="/static/lyphe.png" alt="lorem ipsum dolor sit amet"/>
                <p>
                    we will never serve a single ad.
                    <br/>
                    <br/>
                    since we will earn money off of subscriptions and do not accept investments or vc funding,
                    our platform is not a <a href="https://en.wikipedia.org/wiki/Two-sided_market">two-sided market</a>,
                    and thus we do not have anyone we need to please other than our users!
                    <br/>
                    <br/>
                    furthermore, we will attempt to be as transparent about our methods as possible;
                    all public-facing search engine software will be open-sourced under AGPL, and we will maintain a publicly
                    viewable
                    list of the websites that we derank or block, including a reason with each one.
                    <br/>
                    <br/>
                    finally, we do not claim to be in any way "apolitical".
                    we recognize the responsibility we are taking upon ourselves by running a search engine,
                    and will always respect ethics.
                </p>
            </div>
            <div id="customizable" class="feature">
                <h1>customizable</h1>
                <img src="/static/lyphe.png" alt="lorem ipsum dolor sit amet"/>
                <p>
                    we aim to design askLyphe in a way that makes personalizing your search results easy and fun!
                    <br/>
                    <br/>
                    currently we provide a short list of unique themes to let you properly express yourself through your
                    searching experience, however in the future we also plan to let you customize many more aspects of
                    the experience, such as through manual ranking personalisation and complications!
                </p>
            </div>
            <div id="useful-fun" class="feature">
                <h1>useful, but fun!</h1>
                <img src="/static/lyphe.png" alt="lorem ipsum dolor sit amet"/>
                <p>
                    our search engine does not rely on (however may still include, for completeness) results from
                    Google, Bing, or any other search engine out there.
                    <br/>
                    <br/>
                    because of this, we're able to find websites that other search engines would have trouble finding,
                    and bring personality and humanity back to the web!
                    <br/>
                    however, we also recognize that there are many queries that we simply do not have enough information
                    to handle
                    in order to fix this issue, we have a system called
                    <br/>
                    <strong>complications</strong>!
                    <br/>
                    <br/>
                    askLyphe complications act in a similar way to watch complications, they show relevant answers to
                    your
                    queries with information from trusted sources!
                    <br/>
                    want to find information on the microsoft corporation?
                    just search "microsoft" to get results from our wikipedia complication!
                    need to convert 500 feet to kilometers?
                    just search "500 ft to km" to get results from our unit conversion complication!
                    <br/>
                    <br/>
                    plus, we're constantly working on developing new complications, and will allow full customization of the
                    complications
                    that you see in your results!
                </p>
            </div>
            <div id="fourth-box" class="feature">
                <h1>fourth box!</h1>
                <img src="/static/lyphe.png" alt="lorem ipsum dolor sit amet"/>
                <p>
                    i haven't decided what to put here yet! we're still in alpha so i'm sure i'll come up with something
                    eventually, but i wanted this fourth box because i feel like the design flows nicer with it (:
                    <br/>
                    <br/>
                    ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                    consequat.
                    duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
                    pariatur.
                    <br/>
                    excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
                    est laborum.
                </p>
            </div>
        </div>
    </div>
</div>

{% include "ui/footer.html" %}
{% endblock %}