<!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>