qwik-site/content/pages/index.njk

171 lines
5.8 KiB
Plaintext

<!DOCTYPE html>
<html lang="en">
<head>
{% include "templates/defaultTags.njk" %}
<link rel="stylesheet" type="text/css" href="/assets/css/landing.css">
<title>qwik</title>
</head>
<body>
{# <div style="background-color: var(--blue); padding: 1rem 2rem;">
<h1 style="margin-top: 0; color: var(--surface)">
About the war in Ukraine...
</h1>
<p style="color: var(--surface)">
We at qwik stand with the Ukrainian people against Putin's complete and utter bullshit. Putin has no right to take Ukraine. <span style="color: var(--yellow);">#FuckPutin</span>
<br><br>
-- Team qwik <span style="font-size: 1.5rem; color: inherit; left: -.25rem; top: .1rem; position: relative;">&nbsp; &lt;3 &nbsp;</span>
</p>
</div>
<div style="background-color: var(--yellow); padding: 1rem 2rem;">
<h1 style="margin-top: 0; color: var(--surface)">
What can I do?
</h1>
<p style="color: var(--surface)">
One can not do everything, but together we are strong. Protesting and donating to help organisations <i style="color: inherit;">can</i> help.<span style="color: var(--blue);">#SaveUkraine</span>
<br><br>
-- Team qwik <span style="font-size: 1.5rem; color: inherit; left: -.25rem; top: .1rem; position: relative;">&nbsp; &lt;3 &nbsp;</span>
</p>
</div> #}
<header>
<img class="logo" src="/assets/images/logo.svg" alt="qwik logo">
<h1>
Welcome to <span style="color: var(--primary)">qwik</span><span style="color: var(--accent)">.</span><span style="color: var(--primary)">space</span>!
</h1>
<p>
"A small little corner of the internet..."
</p>
<nav>
<a href="#toolbox">TOOLBOX</a>
<a href="#services">SERVICES</a>
<a href="#contact">CONTACT</a>
</nav>
</header>
<a name="toolbox"></a>
<div class="box">
<h1>TOOLBOX</h1>
<div class="card">
<h2>Nitter</h2>
<p>
Nitter is a Twitter frontend. Use it to browse Twitter without getting tracked.
</p>
<a href="https://nitter.qwik.space">BROWSE</a>
</div>
<div class="card">
<h2>Bibliogram</h2>
<p>
Bibliogram is an Instagram frontend. Use it to browse Instagram without getting tracked.
</p>
<a href="https://bibliogram.qwik.space">BROWSE</a>
</div>
<div class="card">
<h2>Libreddit</h2>
<p>
Libreddit is a Reddit frontend. Use it to browse Reddit without getting tracked.
</p>
<a href="https://libreddit.qwik.space">BROWSE</a>
</div>
</div>
<div class="separator"></div>
<a name="services"></a>
<div class="box">
<h1>SERVICES</h1>
<p>
These services requires an account, which you can create <a href="https://qam.qwik.space">here</a>.
</p>
<div class="card">
<h2>Gitea</h2>
<p>
Gitea is an alternative to Github, Gitlab, etc.
We host our own instance, but feel free to use it as well (if you're brave enough).
</p>
<a href="https://git.qwik.space">CODE</a>
</div>
<div class="card">
<h2>XMPP</h2>
<p>
XMPP is an instant messaging protocol. You can find more info in the article below.
</p>
<a href="/articles/xmpp/intro">READ MORE</a>
</div>
<div class="card">
<h2>Hedgedoc</h2>
<p>
Hedgedoc is an online markdown editor featuring real-time collaboration.
</p>
<a href="https://docs.qwik.space">WRITE</a>
</div>
</div>
<div class="separator"></div>
<a name="contact"></a>
<div class="box">
<h1>CONTACT</h1>
<p>
If you have any questions, feedback, ideas, or anything else, feel free to contact us.
</p>
<div class="card maintainer">
<h2>BurnyLlama</h2>
<div class="contact-options">
<p class="contact-type">XMPP</p>
<p>burnyllama@qwik.space</p>
<p class="contact-type">Matrix</p>
<p>@burnyllama:matrix.org</p>
<p class="contact-type">Email</p>
<p>burnyllama [at] protonmail [dot] com</p>
</div>
</div>
</div>
<div class="contact-box">
<div class="maintainer-list">
</div>
</div>
<footer>
<p class="love">
Made with <span class="heart">&nbsp; &lt;3 &nbsp;</span> by team qwik!
</p>
<p class="footer-header">
Attributions &amp; Credits
</p>
<p>
The font used on this page is <a href="https://manropefont.com/">Manrope</a>.
</p>
<p>
The <a href="/assets/images/logo.svg">logo</a> is made by BurnyLlama and is available under the <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a> license.
</p>
<p class="footer-header">
Policies
</p>
<p>
Feel free to read our <a href="/articles/privacy_policy">Privacy Policy</a> or <a href="/articles/terms_of_service">Terms of Service</a>.
</p>
<p class="footer-header">Resources</p>
<p>
We provide qwik's resources <a href="/articles/graphical-profile/intro">here</a>. (This includes logo, colours, fonts, etc.)
</p>
<p class="footer-header">
Visit us on TOR
</p>
<p>Coming soon...</p>
</footer>
</body>
</html>