This repository has been archived on 2025-03-12. You can view files and clone it, but cannot push or open issues or pull requests.
asklyphe-frontend/templates/frontpage.html

158 lines
7.2 KiB
HTML

{% 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 %}