diff --git a/index.html b/index.html
index a878aa3..45bbc81 100644
--- a/index.html
+++ b/index.html
@@ -3,35 +3,92 @@
   <head>
     <meta charset="utf-8" />
     <title>maia :3</title>
-    <link rel="stylesheet" href="https://lavender.software/webring/webring-0.2.0.css">
+    <link
+      rel="stylesheet"
+      href="https://lavender.software/webring/webring-0.2.0.css"
+    />
   </head>
   <style>
-      html {
-        background-color: rgb(236, 169, 203);
-        color: rgb(92, 53, 124);
-      }
+    html {
+      background-color: rgb(236, 169, 203);
+      color: rgb(92, 53, 124);
+    }
+    a {
+        color:rgb(255, 0, 140);
+    }
+    
+    a.active {
+        color:rgb(195, 0, 255);
+    }
   </style>
   <body>
-    <h1>maia <sub>arson crimew</sub></h1>
-    <p>hello i am maia (it/she) and this website is not finished at all as a matter of fact i havent even rly started working on it yet.</p>
+    <header>
+      <h1>maia <sub>arson crimew</sub></h1>
+      <nav>
+        <span><a href="/" class="active">home</a></span>
+        <span>|</span>
+        <span><a href="/samples.html">sample packs</a></span>
+      </nav>
+    </header>
+    <p>
+      hello i am maia arson crimew <sup>(it/she)</sup> and this website is not finished at all as a
+      matter of fact i havent even rly started working on it yet.
+    </p>
     <p>here is one of my favorite gifs:</p>
-    <img src="/cat-explosion.gif" alt="an very cool cat in front of an explosion">
+    <img
+      src="/cat-explosion.gif"
+      alt="an very cool cat in front of an explosion"
+    />
     <div>
-        <span><a href="https://twitter.com/_nyancrimew" target="_blank">birded site</a></span>
-        <span>|</span>
-        <span><a href="https://crimew.gay/maia" target="_blank">fedded verse</a></span>
-        <span>|</span>
-        <span><a href="https://soundcloud.com/nyancrimew" target="_blank">sounded cloud</a></span>
-        <span>|</span>
-        <span><a href="https://last.fm/user/nyancrimew" target="_blank">last dot federated states of micronesia</a></span>
-        <span>|</span>
-        <span><a href="https://github.com/deletescape" target="_blank">gitted hub</a></span>
-        <span>|</span>
-        <span><a href="https://git.lavender.software/nyancrimew" target="_blank">gitted tea</a></span>
+      <span
+        ><a href="https://twitter.com/_nyancrimew" target="_blank"
+          >birded site</a
+        ></span
+      >
+      <span>|</span>
+      <span
+        ><a href="https://crimew.gay/maia" target="_blank"
+          >fedded verse</a
+        ></span
+      >
+      <span>|</span>
+      <span
+        ><a href="https://soundcloud.com/nyancrimew" target="_blank"
+          >sounded cloud</a
+        ></span
+      >
+      <span>|</span>
+      <span
+        ><a href="https://last.fm/user/nyancrimew" target="_blank"
+          >last dot federated states of micronesia</a
+        ></span
+      >
+      <span>|</span>
+      <span
+        ><a href="https://github.com/deletescape" target="_blank"
+          >gitted hub</a
+        ></span
+      >
+      <span>|</span>
+      <span
+        ><a href="https://git.lavender.software/nyancrimew" target="_blank"
+          >gitted tea</a
+        ></span
+      >
     </div>
     <footer>
-        <div><p><small>i am going to add fun badges here eventually but i was too lazy to do so today</small></p></div>
-        <script src="https://lavender.software/webring/webring-0.2.0.js" data-site-id="maia"></script>
+      <div>
+        <p>
+          <small
+            >i am going to add fun badges here eventually but i was too lazy to
+            do so today</small
+          >
+        </p>
+      </div>
+      <script
+        src="https://lavender.software/webring/webring-0.2.0.js"
+        data-site-id="maia"
+      ></script>
     </footer>
   </body>
 </html>
diff --git a/samples.html b/samples.html
new file mode 100644
index 0000000..1563de2
--- /dev/null
+++ b/samples.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>maia sample packs :3</title>
+    <link
+      rel="stylesheet"
+      href="https://lavender.software/webring/webring-0.2.0.css"
+    />
+  </head>
+  <style>
+    html {
+      background-color: rgb(236, 169, 203);
+      color: rgb(92, 53, 124);
+    }
+    a {
+      color: rgb(255, 0, 140);
+    }
+
+    a.active {
+      color: rgb(195, 0, 255);
+    }
+  </style>
+  <body>
+    <header>
+      <h1>maia <sub>sample packs</sub></h1>
+      <nav>
+        <span><a href="/">home</a></span>
+        <span>|</span>
+        <span><a href="/samples.html" class="active">sample packs</a></span>
+      </nav>
+    </header>
+    <p>here are some sample packs i made!</p>
+    <div>
+      <ul>
+        <li>
+          <a href="/samples/annoying-catgirl-noises.zip"
+            ><code>annoying-catgirl-noises.zip</code></a
+          >
+          - maia meows and uwus <small>(v1.0)</small>
+        </li>
+        <li>
+          <a href="/samples/maiacore.zip"><code>maiacore.zip</code></a> -
+          recordings of maia saying random things, probably updated fairly
+          frequently <small>(v1.0)</small>
+        </li>
+      </ul>
+    </div>
+    <div>
+      <span
+        ><a href="https://twitter.com/_nyancrimew" target="_blank"
+          >birded site</a
+        ></span
+      >
+      <span>|</span>
+      <span
+        ><a href="https://crimew.gay/maia" target="_blank"
+          >fedded verse</a
+        ></span
+      >
+      <span>|</span>
+      <span
+        ><a href="https://soundcloud.com/nyancrimew" target="_blank"
+          >sounded cloud</a
+        ></span
+      >
+      <span>|</span>
+      <span
+        ><a href="https://last.fm/user/nyancrimew" target="_blank"
+          >last dot federated states of micronesia</a
+        ></span
+      >
+      <span>|</span>
+      <span
+        ><a href="https://github.com/deletescape" target="_blank"
+          >gitted hub</a
+        ></span
+      >
+      <span>|</span>
+      <span
+        ><a href="https://git.lavender.software/nyancrimew" target="_blank"
+          >gitted tea</a
+        ></span
+      >
+    </div>
+    <footer>
+      <div>
+        <p>
+          <small
+            >i am going to add fun badges here eventually but i was too lazy to
+            do so today</small
+          >
+        </p>
+      </div>
+      <script
+        src="https://lavender.software/webring/webring-0.2.0.js"
+        data-site-id="maia"
+      ></script>
+    </footer>
+  </body>
+</html>
diff --git a/samples/annoying-catgirl-noises.zip b/samples/annoying-catgirl-noises.zip
new file mode 100644
index 0000000..ca91b9f
Binary files /dev/null and b/samples/annoying-catgirl-noises.zip differ
diff --git a/samples/maiacore.zip b/samples/maiacore.zip
new file mode 100644
index 0000000..187dc1a
Binary files /dev/null and b/samples/maiacore.zip differ
