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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102

<!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="icon" href="favicon.png" />
    <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>
                    <li><a href="https://search.soaos.dev">🔍 Search Engine</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>
                    <li><a
                            href="https://ssb.soaos.dev/~core/ssb/#@Y1EKP4PU77qby4lI+m5MN6+NcYdjTdRQlV6NmluevuY=.ed25519" target="_blank">🦀
                            @Y1EKP4PU77qby4lI+m5MN6+NcYdjTdRQlV6NmluevuY=.ed25519</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">
        <h2 class="hidden">Badges</h2>
        <ul id="badge-grid" class="no-bullets">
            <li><a href="https://neocities.org/" target="_blank"><img src="/assets/badges/html.gif"
                        alt="Learn HTML Now!" /></a></li>
            <li><img src="/assets/badges/javascript.gif" alt="Javascript-Free Page" /></li>
            <li><a href="https://lynx.browser.org/" target="_blank"><img src="/assets/badges/lynx.gif"
                        alt="Lynx Compatible" /></a></li>
            <li><a href="https://www.debian.org/" target="_blank"><img src="/assets/badges/powered-by-debian.gif"
                        alt="Powered by Debian" /></a></li>
            <li><a href="https://neovim.io/" target="_blank"><img src="/assets/badges/neovim.gif"
                        alt="Made with Neovim" /></a></li>
            <li><a href="/hell"><img src="/assets/badges/go2hell.gif" alt="Go 2 Hell Now!" /></a></li>
        </ul>
        <div>
            <div class="inline-block" title="🦌 -<3"><span class="red-on-white">█🍁█</span> 2025</div>
        </div>
    </footer>
</body>

</html>