diff --git a/blog/index.html b/blog/index.html
new file mode 100644
index 0000000..cabdd46
--- /dev/null
+++ b/blog/index.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <title>do not interact @ s.p.g</title>
+    <link rel="icon" type="image/gif" href="/assets/favicon.png">
+    <link rel="stylesheet" type="text/css" href="/colors.css">
+    <link rel="stylesheet" type="text/css" href="/font.css">
+    <link rel="stylesheet" type="text/css" href="/style.css">
+    <link rel="stylesheet" type="text/css" href="/assets/fonts/Phosphor/bold/style.css">
+    <link rel="stylesheet" type="text/css" href="/assets/fonts/Phosphor/fill/style.css">
+    <link rel="canonical" href="https://sneexy.pages.gay/">
+    <link rel="me" href="https://lea.pet/@sneexy">
+    <link rel="me" href="https://git.gay/sneexy">
+    <meta lang="en-US">
+    <meta property="og:url" content="https://sneexy.pages.gay/">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="/script.js" defer="defer"></script>
+</head>
+
+<body>
+
+<!-- top navbar -->
+<div class="navbar">
+    <a class="nav-base nav-baselink" href="/"><i class="ph-bold ph-squares-four"></i> sneexy <small>dot</small> pages <small>dot</small> gay</a>
+    <div class="mobile-dropdown">
+        <button onclick="mobileDropdown()" class="nav-base nav-baselink-mobile"><i style="pointer-events:none;" class="ph-bold ph-squares-four"></i> s <i style="pointer-events:none;" class="ph-bold ph-dot"></i> p <i style="pointer-events:none;" class="ph-bold ph-dot"></i> g</button>
+        <div id="dropdown-box" class="dropdown-content">
+            <a href="/"><i class="ph-bold ph-house"></i> home</a>
+            <a href="/blog"><i class="ph-bold ph-article"></i> blog</a>
+            <a href="/#socials-and-contacts"><i class="ph-bold ph-link"></i> links</a>
+        </div>
+    </div>
+    <nav class="nav-base nav-links">
+        <a href="/"><i class="ph-bold ph-house"></i> home</a>
+        <i class="ph-bold ph-dot"></i>
+        <a href="/blog"><i class="ph-bold ph-article"></i> blog</a>
+        <i class="ph-bold ph-dot"></i>
+        <a href="/#socials-and-contacts"><i class="ph-bold ph-link"></i> links</a>
+    </nav>
+    <p aria-hidden="true" class="nav-base nav-systray"><i class="ph-bold ph-bell"></i> <i class="ph-bold ph-speaker-high"></i> <i class="ph-bold ph-network"></i> <i class="ph-bold ph-battery-full"></i> <i class="ph-bold ph-power"></i></p>
+</div>
+
+<!-- blog index -->
+<div id="blog" class="terminal">
+    <div aria-hidden="true" class="term-titlebar">
+        <i class="ph-fill ph-terminal"></i>
+        <p><a href="#blog">~/blog</a></p>
+        <div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
+    </div>
+    <section>
+        <p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/blog</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> cat blog</p>
+        <h1><a href="#blog">blog</a></h1>
+        <p>welcome to my "blog". or whatever this is supposed to be. i will rant about random things and make large writeups that probably won't make sense or container many errors. thanks for stopping by!</p>
+        <p>this is a "static index"<small aria-hidden="true">(...?)</small> so this page manually gets updated whenever i make a new post. i'll try to tag things myself, and there will most likely never be a proper search function here, so you'll have to use your browser's find feature, sorry.</p>
+        <span id="seperator"></span>
+        <article class="article-card">
+            <header>
+                <h3>sigma bob!!!</h3>
+                <p>or some shit idk</p>
+            </header>
+        </article>
+    </section>
+    <p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/blog</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> <span class="blink">█</span></p>
+</div>
+
+<!-- webrings and credits -->
+<footer>
+    <div id="webring-credits" class="terminal">
+        <p class="fediring"><b><a href="https://fediring.net/previous?host=sneexy.pages.gay"><i class="ph-fill ph-arrow-fat-left"></i></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=sneexy.pages.gay"><i class="ph-fill ph-arrow-fat-right"></i></a></b></p>
+        <p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=sneexy.pages.gay"><i class="ph-fill ph-arrow-fat-left" alt="Previous" title="Previous"></i></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=sneexy.pages.gay"><i class="ph-fill ph-arrow-fat-right" alt="Next" title="Next"></i></a></b></p>
+        <p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous"><i class="ph-fill ph-arrow-fat-left"></i></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next"><i class="ph-fill ph-arrow-fat-right"></i></a></b></p>
+        <section class="inner-footer">
+            <a href="https://git.gay/sneexy/pages" target="_blank"><i class="ph-bold ph-git-branch" alt="Website source code" title="website source!"></i></a>
+            <a href="https://catppuccin.com" target="_blank"><i class="ph-bold ph-cat" alt="Catppuccin" title="Catppuccin"></i></a>
+            <a href="https://phosphoricons.com" target="_blank"><i class="ph-bold ph-phosphor-logo" alt="Phosphor Icons" title="Phosphor Icons"></i></a>
+            <a href="https://www.jetbrains.com/lp/mono" target="_blank"><i class="ph-bold ph-text-t" alt="JetBrains Mono" title="JetBrains Mono"></i></a>
+            <a href="https://www.lexend.com" target="_blank"><i class="ph-bold ph-text-aa" alt="Lexend" title="Lexend"></i></a>
+        </section>
+        <p>favicon by <a href="https://akko.eepy.zone/users/wep" target="_blank">wep</a></p>
+        <p>made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>
+        <p>♡2024 All wrongs reversed. Please copy and share.</p>
+        <img loading="lazy" src="/assets/dumpysynth.gif" alt="GIF of a synth with a massive butt, shaking it towards the viewer" />
+    </div>
+</footer>
+
+</body>
+
+</html>
