diff --git a/fursona.party/background.jpg b/fursona.party/background.jpg
new file mode 100644
index 0000000..0b2f631
Binary files /dev/null and b/fursona.party/background.jpg differ
diff --git a/fursona.party/dancefloor.mp3 b/fursona.party/dancefloor.mp3
new file mode 100644
index 0000000..80dcd28
Binary files /dev/null and b/fursona.party/dancefloor.mp3 differ
diff --git a/fursona.party/dancefloor.ogg b/fursona.party/dancefloor.ogg
new file mode 100644
index 0000000..4b65352
Binary files /dev/null and b/fursona.party/dancefloor.ogg differ
diff --git a/fursona.party/index.html b/fursona.party/index.html
new file mode 100644
index 0000000..4e72345
--- /dev/null
+++ b/fursona.party/index.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>fursona dot party</title>
+    <style>
+      body {
+        background-image: url("background.jpg");
+        background-size: cover;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+      img {
+        z-index: 0;
+        width: 70%;
+        height: auto;
+      }
+
+      .party {
+        position: fixed;
+        width: 100%;
+        height: 100%;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        z-index: 2;
+        animation: rainbow-bg 10s linear;
+        animation-iteration-count: infinite;
+        pointer-events: none;
+      }
+
+      .dancefloor {
+        min-height: 100vh;
+        min-width: 100vw;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        text-align: center;
+      }
+
+      @keyframes rainbow-bg {
+        100%,
+        0% {
+          background-color: rgba(255, 0, 0, 0.3);
+        }
+        8% {
+          background-color: rgb(255, 127, 0, 0.3);
+        }
+        16% {
+          background-color: rgb(255, 255, 0, 0.3);
+        }
+        25% {
+          background-color: rgb(127, 255, 0, 0.3);
+        }
+        33% {
+          background-color: rgb(0, 255, 0, 0.3);
+        }
+        41% {
+          background-color: rgb(0, 255, 127, 0.3);
+        }
+        50% {
+          background-color: rgb(0, 255, 255, 0.3);
+        }
+        58% {
+          background-color: rgb(0, 127, 255, 0.3);
+        }
+        66% {
+          background-color: rgb(0, 0, 255, 0.3);
+        }
+        75% {
+          background-color: rgb(127, 0, 255, 0.3);
+        }
+        83% {
+          background-color: rgb(255, 0, 255, 0.3);
+        }
+        91% {
+          background-color: rgb(255, 0, 127, 0.3);
+        }
+      }
+    </style>
+    <script async src="https://umami.birdcat.cafe/script.js" data-website-id="0af469ba-e70c-456e-a096-6682f8a57fe8"></script>
+  </head>
+  <body>
+    <div class="party"></div>
+    <div class="dancefloor">
+      <div class="stage">
+        <a href="https://dance.fursona.party">
+          <img src="ych.png" alt="a drawing of a fursona that says 'ych' on it" />
+          <br />
+        </a>
+        <audio autoplay controls id="deejay">
+          <source src="dancefloor.mp3" type="audio/mp3" />
+          <source src="dancefloor.ogg" type="audio/ogg" />
+        </audio>
+      </div>
+    </div>
+    <script>
+      document.getElementById("deejay").loop = true;
+    </script>
+  </body>
+  <!-- i fucked up setting up a mastodon instance here so i use the subdomain instead -->
+</html>
diff --git a/fursona.party/not_found.html b/fursona.party/not_found.html
new file mode 100644
index 0000000..5c94fe2
--- /dev/null
+++ b/fursona.party/not_found.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Not Found</title>
+    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
+  </head>
+  <body>
+    <h1>Page Not Found</h1>
+    <p>The requested page was not found.</p>
+  </body>
+</html>
diff --git a/fursona.party/style.css b/fursona.party/style.css
new file mode 100644
index 0000000..4360f68
--- /dev/null
+++ b/fursona.party/style.css
@@ -0,0 +1,9 @@
+/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
+   HTML content. To learn how to do something, just try searching Google for questions like
+   "how to change link color." */
+
+body {
+  background-color: white;
+  color: black;
+  font-family: Verdana;
+}
\ No newline at end of file
diff --git a/fursona.party/ych.png b/fursona.party/ych.png
new file mode 100644
index 0000000..e2ac9ed
Binary files /dev/null and b/fursona.party/ych.png differ
