index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80

<!DOCTYPE html>
<!-- Hey haha, yeah I wasn't kidding, I'm writing this whole site by hand. -->

<html lang="en">

<head>
    <title>soaos</title>
    <link rel="preload" href="/assets/unifont.woff2" as="font" type="font/woff2">
    <link rel="preload" href="/assets/unifont_upper.woff2" as="font" type="font/woff2">
    <link rel="stylesheet" href="/style.css" />
    <link rel="stylesheet" href="/index.css" />
    <meta charset="UTF-8" />
</head>

<body>
    <div class="section">
        <div class="center-content">
            <div id="weird-fucking-header-container" title="🦌 -wuh">
                <h1 class="half whatever">𐂂🌲🌲🌲 soaos 🌲🌲🌲𐂂</h1>
                <h1 class="flip-x half whatever">𐂂🌲🌲🌲 soaos 🌲🌲🌲𐂂</h1>
            </div>
        </div>
        <p class="centered">
            I'm an "artist" and professional software developer.
            In my free time I mostly work on eccentric software projects which you can
            read about here.
        </p>
    </div>

    <div class="section">
        <div class="horizontal-container">
            <div class="centered">
                <h2>Stuff on this Site</h2>
                <ul class="no-bullets inline-block">
                    <li>
                        <a href="/projects">☿ Projects</a><span class="under-construction unselectable"
                            title="🦌 -this shit is under construction, pal!"> ⚠</span>
                    </li>
                    <li>
                        <a href="/blog">🜍 Blog</a><span class="under-construction unselectable"
                            title="🦌 -this shit is also under construction!"> ⚠</span>
                    </li>
                    <li>
                        <a href="/things_i_like">🜔 Things I Like</a><span class="under-construction unselectable"
                            title="🦌 -honestly these things are redundant, everything is under construction"> ⚠</span>
                    </li>
                </ul>
            </div>

            <div class="centered">
                <h2>Stuff on this Server</h2>
                <ul class="no-bullets inline-block">
                    <li><a href="https://app.radicle.xyz/nodes/seed.soaos.dev" target="_blank">🌱 Radicle Seed</a></li>
                    <li><a href="gemini://soaos.dev">♊ Gemini Site</a></li>
                    <li><a href="http://3uqdpspct5xocufs6d4wbdelxlqp4bmciwcgwmqv6c5f2gdsqvawgaad.onion">🧅 Tor Site</a>
                    </li>
                </ul>
            </div>
            <div class="centered">
                <h2>Find Me Elsewhere</h2>
                <ul class="no-bullets inline-block">
                    <li><a href="mailto:soaos@soaos.dev" rel="me">📧 soaos@soaos.dev</a></li>
                    <li><a href="https://youtube.com/@soaosdev" rel="me" target="_blank">▶⃞ @soaosdev</a></li>
                    <li><a href="http://soaos.dog" rel="me" target="_blank">🐘 soaos@furry.engineer</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="section centered">
        <h2>Webrings</h2>
        <a class="evil" href="https://evilr.ing/soaos/previous">⛧</a>
        <a class="evil" href="https://evilr.ing">EVILRING</a>
        <a class="evil" href="https://evilr.ing/soaos/next">⛤</a>
    </div>

    <footer class="centered"><div class="inline-block" title="🦌 -<3"><span class="white-on-red">&nbsp;</span><span class="red-on-white">🍁</span><span class="white-on-red">&nbsp;</span></div> 2025</footer>
</body>

</html>