diff --git a/donate/index.html b/donate/index.html
new file mode 100644
index 0000000..9e3a73b
--- /dev/null
+++ b/donate/index.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <title>donate @ synth download!</title>
+    <link rel="icon" type="image/png" 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="/tabler.css">
+    <link rel="stylesheet" type="text/css" href="/style.css">
+    <link rel="stylesheet" type="text/css" href="/site.css">
+    <link rel="canonical" href="https://synth.download/">
+    <link rel="me" href="https://booping.synth.download/@sneexy">
+    <link rel="me" href="https://beeping.synth.download/@sneexy">
+    <link rel="me" href="https://git.gay/sneexy">
+    <meta lang="en-US">
+    <meta property="og:url" content="https://synth.download/">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="/script.js"></script>
+    <script async src="https://js.stripe.com/v3/buy-button.js"></script>
+</head>
+
+<body>
+
+<!-- top navbar -->
+<div class="navbar">
+    <a class="nav-base nav-baselink" href="/"><span class="tabler--grid-dots"></span> synth download!</a>
+    <details class="nav-base nav-baselink-mobile">
+        <summary><span class="tabler--grid-dots"></span> s <div class="dot" style="background-color: var(--ayu-e-bg) !important;"></div> d!</summary>
+        <ul>
+            <li>
+                <a href="/"><span class="tabler--home"></span> home</a>
+            </li>
+            <li>
+                <a href="/me"><span class="tabler--user"></span> about me</a>
+            </li>
+            <li>
+                <a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
+            </li>
+            <li>
+                <a href="/me#links"><span class="tabler--link"></span> links</a>
+            </li>
+        </ul>
+    </details>
+    <nav class="nav-base nav-links">
+        <a href="/"><span class="tabler--home"></span> home</a>
+        <div class="dot"></div>
+        <a href="/me"><span class="tabler--user"></span> about me</a>
+        <div class="dot"></div>
+        <a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
+        <div class="dot"></div>
+        <a href="/me#links"><span class="tabler--link"></span> links</a>
+    </nav>
+    <p aria-hidden="true" class="nav-base nav-systray">
+        <span class="tabler--bell"></span>
+        <span class="tabler--volume"></span>
+        <span class="tabler--wifi"></span>
+        <span class="tabler--battery-filled"></span>
+    </p>
+</div>
+
+<!-- donation window -->
+<details open id="donate" class="window">
+    <summary aria-hidden="true">
+        <div>
+            <span class="tabler--message-chatbot"></span>
+        </div>
+        <a href="#donate">donate</a>
+        <div>
+            <span class="tabler--minimize"></span>
+            <span class="tabler--maximize"></span>
+        </div>
+        <div>
+            <span class="tabler--x"></span>
+        </div>
+    </summary>
+
+    <section>
+        <p>hi! i'm <a href="/me">ruben</a>. currently just a student running synth.download in my spare time because i like doing so.</p>
+        <p>if you'd like to donate, you may choose so through either <a href="https://ko-fi.com/sneexy" style="padding: .2rem; color: var(--ayu-s-constant); background-color: color-mix(in srgb, var(--ayu-s-constant) 20%, transparent); border-radius: .2rem;">ko-fi</a>, or directly donate to me via the widget below:</p>
+        <stripe-buy-button buy-button-id="buy_btn_1R9UrrGPbe5QWVnnm6jC3XUf" publishable-key="pk_live_51QFpvEGPbe5QWVnnCUUlT1nEYhVy2F4z30BVaG3LHD8o4qNc7IL67QcPUzBUeptEYpFOtYs6Jc1GvM3ujqsFltYb00oUvMTDMM"></stripe-buy-button>
+        <p>please don't feel like you need to donate. currently, i am able to pay things on my own, but donations do help. <span aria-hidden="true">^^</span></p>
+    </section>
+</details>
+
+<!-- webrings and credits -->
+<footer>
+    <details open id="footer" class="window">
+        <summary aria-hidden="true">
+            <a href="#footer">footer</a>
+        </summary>
+
+        <section>
+            <p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
+            <p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
+            <p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
+            <section class="inner-footer">
+                <a href="https://forged.synth.download/sneexy/pages" style="background-color: color-mix(in srgb, var(--ayu-s-string) 25%, transparent); color: var(--ayu-s-string);" alt="website source!"><span class="tabler--brand-git" style="pointer-events: none;"></span></a>
+                <a href="https://github.com/ayu-theme/ayu-colors" style="background-color: color-mix(in srgb, var(--ayu-accent) 25%, transparent); color: var(--ayu-accent);" alt="Ayu"><span class="tabler--palette" style="pointer-events: none;"></span></svg></a>
+                <a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--ayu-s-tag) 25%, transparent); color: var(--ayu-s-tag);" alt="Tabler"><span class="tabler--brand-tabler" style="pointer-events: none;"></span></a>
+                <a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--ayu-v-added) 25%, transparent); color: var(--ayu-v-added);" alt="JetBrains Mono"><span class="tabler--text-size" style="pointer-events: none;"></span></a>
+                <a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--ayu-v-removed) 25%, transparent); color: var(--ayu-v-removed);" alt="Lexend"><span class="tabler--letter-case" style="pointer-events: none;"></span></i></a>
+            </section>
+            <p style="padding-bottom: 14px;"><a href="https://synthspecies.com">Synth species</a> created by <a href="https://www.furaffinity.net/user/vader-san">Vader-San</a>, synth.download is not affiliated with the creator in any way.</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 src="/assets/dumpysynth.gif" alt="GIF of a synth with a massive butt, shaking it towards the viewer" />
+        </section>
+    </details>
+</footer>
+
+<!-- element used for our alt popup -->
+<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
+
+</body>
+
+</html>
