<!DOCTYPE html>

<head>
    <title>
        Nyx's personal site
    </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="assets/index.css" rel="stylesheet" type="text/css">
    <script src="assets/three.min.js"></script>
    <script src="assets/vanta.net.min.js"></script>
    <script src="assets/particles.js" defer></script>
</head>

<body>
    <div id="particle-canvas"></div>
    <noscript>
        <center>
            <small>
                this site is designed to work with no javascript. all that javascript adds is an optional animation to the background (it looks cool!).
            </small>
        </center>
    </noscript>
    <center>
        <p>
            hello, visitor number <b>{{ visitor }}</b>! this one is glad to see you.
        </p>
        <br>
        <small>
            this counter doesn't use javascript, it's just a text file with a digit in it that gets increased by 1 on every page load.
        </small>
    </center>
    <h1>
        Nyx Tutt
    </h1>
    <h2>
        about it
    </h2>
    <p>
        it is a cat-robot-girl-thing. it likes to speak about itself in the third person.
        it likes linux and uses nixos. it lives in texas, but hates it here.
    </p>
    <h2>
        contact
    </h2>
    <p>
        this one has a few forms of contact:<br>
        <ul>
            <li>
                <a href="xmpp:nyx@everypizza.im">xmpp</a><br>
            </li>
            <li>
                <a href="matrix:u/n:everypizza.im">matrix</a><br>
            </li>
            <li>
                <a href="mailto:me@everypizza.im">email</a> (it has a pgp key over in <a href="https://keys.openpgp.org/search?q=me%40everypizza.im">keys.openpgp.org</a>.)<br>
            </li>
            <li>
                <a href="https://sharkey.everypizza.im">fedi</a><br>
            </li>
        </ul>
    </p>
    <h2>
        links
    </h2>
    <p>
        <ul>
            <li>
                <a href="https://listenbrainz.com/user/everypizza">listenbrainz</a>
            </li>
            <li>
                <a href="https://everypizza.im/">everypizza.im</a>
            </li>
            <li>
                <a href="https://git.everypizza.im/n/">git</a>
            </li>
        </ul>
    </p>
    <h2>
        pages
    </h2>
    <p>
        <ul>
            <li>
                <a href="todo">to-do list</a>
            </li>
        </ul>
    </p>
    <h2>
        now playing
    </h2>
    <p>
        {{ np }}
        <br>
        <small>
            data is from listenbrainz.
        </small>
    </p>
    <h2>
        88x31s
    </h2>
    <p>
        {% for image, link in buttons %}
            <a href="{{ link }}">
                <img src="/static/{{ image }}" alt="{{ image }}" width="88" height="31">
            </a>
        {% endfor %}
    </p>
    <h3>
        this one's 88x31
    </h3>
    <p>
        {% for image, link in nyxbuttons %}
            <a href="{{ link }}">
                <img src="/static/{{ image }}" alt="{{ image }}" width="88" height="31">
            </a>
        {% endfor %}
</body>