summaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authorsoaos <soaos@soaos.dev>2025-08-19 23:16:21 -0400
committersoaos <soaos@soaos.dev>2025-08-19 23:16:21 -0400
commitf34747a2a13087a4f1ad91fbccf0ecaa20fa6d83 (patch)
treec257f981133be6d7269ec2fb50aa8469f9baba92 /index.html
parentde707b177bac29a16a99beea470ee00c10ec1b08 (diff)
flashy ass new index page
Diffstat (limited to 'index.html')
-rw-r--r--index.html101
1 files changed, 63 insertions, 38 deletions
diff --git a/index.html b/index.html
index 13946da..c3c2fd5 100644
--- a/index.html
+++ b/index.html
@@ -5,49 +5,74 @@
<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>
- <h1>soaos</h1>
+ <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>
- <p>
- I'm an "artist" and professional software developer.
- I do full stack for my work and in my free time I mostly work on eccentric software projects which you can read
- about here (soon).
- </p>
+ <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>
- <h2>Stuff on this Site</h2>
- <ul>
- <li>
- <a href="/projects">Projects</a>
- </li>
- <li>
- <a href="/blog">Blog</a>
- </li>
- <li>
- <a href="/things_i_like">Things I Like</a>
- </li>
- </ul>
-
- <h2>Stuff on this Server</h2>
- <ul>
- <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>
-
- <h2>See me</h2>
- <ul>
- <li>E-Mail: <a href="mailto:soaos@soaos.dev" rel="me">soaos@soaos.dev</a></li>
- <li>YouTube: <a href="https://youtube.com/@soaosdev" rel="me" target="_blank">@soaosdev</a></li>
- <li>Mastodon: <a href="http://soaos.dog" rel="me" target="_blank">soaos@furry.engineer</a></li>
- </ul>
-
- <h2>Webrings</h2>
- <a href="https://evilr.ing/soaos/previous">&larr;</a>
- <a href="https://evilr.ing">EVILRING</a>
- <a href="https://evilr.ing/soaos/next">&rarr;</a>
+ <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>
</body>
-</html>
+</html> \ No newline at end of file