<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}Alfie's basement{% endblock %}</title>
    <link rel="icon" href="/static/content/general_images/icon.webp">
    <link rel="stylesheet" href="/static/css/base.css">
    <meta name="description" content="{% block description %}server backend survivor{% endblock %}">
    <meta name="keywords" content="{% block keywords %}Alfie King, Alfie, King, Alfieking, Alfieking.dev, dev, server, developer, backend, selfhost, homelab{% endblock %}">
    <meta name="author" content="Alfie King">
    <meta name="robots" content="all">
    <meta name="theme-color" content="#63de90" data-react-helmet="true">
    <meta property="og:site_name" content="Alfieking.dev">
    <meta property="og:url" content="https://alfieking.dev/">
    <meta property="og:title" content="{{ self.title() }}">
    <meta property="og:description" content="{{ self.description() }}">
    <meta property="og:image" content="{% block og_image %}/static/content/general_images/icon.webp{% endblock %}">
    {% block head %}
    {% endblock %}
</head>
<body>
    <div id="furry"></div>
    <div id="sidebar">
        <nav>
            <section>
                <h1>Things to see :3</h1>
                <ul>
                    <li><a href="/">Home</a></li>
                    <li><a href="/toaster">Toaster</a></li>
                    <li><a href="/events">Events</a></li>
                    <li><a href="https://git.alfieking.dev/acetheking987">Gitea</a></li>
                    <li><a href="https://www.last.fm/user/acetheking987">LastFm</a></li>
                    <li><a href="https://prismic.alfieking.dev">Prismic</a></li>
                    <li><a href="https://open.spotify.com/user/xz02oolstlvwxqu1pfcua9exz?si=14396e637f284e03">Spotify</a></li>
                    <li><a href="https://steamcommunity.com/id/acetheking987/">Steam</a></li>
                    <li><a href="https://www.youtube.com/@acetheking987">YouTube</a></li>
                    <li><a href="https://acetheking987.tumblr.com/">Tumblr</a></li>
                    <li><a href="https://www.reddit.com/user/acetheking987">Reddit</a></li>
                    <li><a href="/404">404 >:3</a></li>
                </ul>
            </section>
        </nav>
        <section>
            <h6 class="irken">heya, try typing "furry" and "irken" into this page!</h6>
        </section>
        <section id="buttons">
            <h1>BUTTONS</h1>
            <ul>
                <li><a href="https://dimden.dev/"><img src="https://dimden.dev/services/images/88x31.gif" alt="dimden"></a></li>
                <li><a href="https://ne0nbandit.neocities.org/"><img src="https://ne0nbandit.github.io/assets/img/btn/mine/nbbanner.png" alt="ne0nbandit"></a></li>
                <li><a href="https://thinliquid.dev"><img src="https://thinliquid.dev/thnlqd.png" alt="thinliquid"></a></li>
                <li><a href="https://nekoweb.org/"><img src="https://nekoweb.org/assets/buttons/button6.gif" alt="nekoweb"></a><!-- button by s1nez.nekoweb.org --></li>
                <li><a href="https://s1nez.nekoweb.org/"><img src="https://s1nez.nekoweb.org/BUTTON.gif" alt="s1nez"></a></li>
                <li><a href="https://beeps.website"><img src="https://beeps.website/assets/images/88x31-d.gif" alt="beeps"></a></li>
                <li><a href="https://itsnotstupid.com"><img src="https://itsnotstupid.com/pics/button1.gif" alt="itsnotstupid"></a></li>
                <li><a href='https://blinkies.cafe'><img src='https://blinkies.cafe/b/display/blinkiesCafe-badge.gif' alt='blinkies.cafe | make your own blinkies!'></a></li>
                <li><a href="https://eightyeightthirty.one"><img src="https://eightyeightthirty.one/88x31.png" alt="88x31"></a></li>
                <li><a href="https://neocities.org"><img src="https://cyber.dabamos.de/88x31/neocities-now.gif" alt="neocities"></a></li>
                <li><a href="https://tuxedodragon.art"><img src="https://tuxedodragon.art/tuxedodragon%2088x31.gif" alt="tuxedodragon"></a></li>
            </ul>
        </section>
        <section>
            <pre class="vsmoltext">      |\      _,,,---,,_<br>ZZZzz /,`.-'`'    -.  ;-;;,_<br>     |,4-  ) )-,_. ,\ (  `'-'<br>    '---''(_/--'  `-'\_)</pre>
        </section>
        <img src="/static/content/general_images/haj.gif" alt="haj" class="haj">
    </div>
    <main id="main">
        <header id="home">
            <div class="row">
                <img src="/static/content/general_images/icon.webp">
                <div>
                    <h1>Alfie King</h1>
                    <h2 id="typing">server backend survivor</h2>
                </div>
            </div>
        </header>
        <nav id="alt-nav">
            <ul>
                <li><a href="/">Home</a></li>
                <li><a href="/toaster">Toaster</a></li>
                <li><a href="https://git.alfieking.dev/acetheking987">Gitea</a></li>
                <li><a href="https://www.last.fm/user/acetheking987">LastFm</a></li>
                <li><a href="https://prismic.alfieking.dev">Prismic</a></li>
                <li><a href="https://open.spotify.com/user/xz02oolstlvwxqu1pfcua9exz?si=14396e637f284e03">Spotify</a></li>
                <li><a href="https://steamcommunity.com/id/acetheking987/">Steam</a></li>
                <li><a href="https://www.youtube.com/@acetheking987">YouTube</a></li>
                <li><a href="https://acetheking987.tumblr.com/">Tumblr</a></li>
                <li><a href="https://www.reddit.com/user/acetheking987">Reddit</a></li>
            </ul>
        </nav>
        {% block content %}{% endblock %}
        <section>
            <footer>
                <p>legal stuff idk :3 | icba to &copy; this :P | made with &hearts; and caffine</p>
            </footer>
        </section>
    </main>
    {% block scripts %}{% endblock %}
    <script src="/static/js/base.js"></script>
</body>
</html>
