diff --git a/app.vue b/app.vue
index 131fa5d4..3b94e475 100644
--- a/app.vue
+++ b/app.vue
@@ -1,9 +1,19 @@
-<script>
+<script setup>
 import Backdrop from "./components/Backdrop.vue";
 import Footer from "./components/Footer.vue";
+// import "./lib/jsscripts/index.ts";
 import Navbar from "./components/Navbar.vue";
-import "./lib/jsscripts/index.ts";
+useHead({
+  noscript: [
+    {
+      children: `
+  <meta http-equiv="refresh" content="0; url=https://saahild.com/retro" />
+      `,
+    },
+  ],
+});
 </script>
+<script></script>
 <!-- <script
   defer
   src="https://cloud.umami.is/script.js"
diff --git a/components/BigTextMain.vue b/components/BigTextMain.vue
index dcfc6b75..24247188 100644
--- a/components/BigTextMain.vue
+++ b/components/BigTextMain.vue
@@ -1,16 +1,25 @@
-<script></script>
+<script setup>
+let spotify_link = `https://spotify-github-profile.kittinanx.com/api/view?uid=saahil.d&cover_image=true&theme=default&show_offline=false&background_color=121212&interchange=false&bar_color=b6494d&bar_color_cover=true`;
+</script>
 <template>
-  <div class="ml-20 mt-20">
-    <img
-      src="https://avatars.githubusercontent.com/u/58448036?v=4"
-      height="200"
-      width="200"
-      class="pb-5"
-    />
-    <h1 class="font-bold text-5xl">
-      Hi I'm <span class="text-[#cba6f7] fancy-font">Saahil</span>
-    </h1>
-    <p class="pt-5">I am a teenage developer, designer and programmer</p>
+  <div class="flex items-center justify-between mt-20 px-20">
+    <div>
+      <img
+        src="https://avatars.githubusercontent.com/u/58448036?v=4"
+        height="200"
+        width="200"
+        class="pb-5"
+      />
+      <h1 class="font-bold text-5xl">
+        Hi I'm <span class="text-[#cba6f7] fancy-font">Saahil</span>
+      </h1>
+      <p class="pt-5">I am a teenage developer, designer and programmer</p>
+    </div>
+
+    <!-- Right: Spotify Image -->
+    <div>
+      <img :src="spotify_link" alt="Saahil's Spotify" class="mt-5" />
+    </div>
   </div>
 </template>
 <style>
diff --git a/components/Navbar.vue b/components/Navbar.vue
index ecef2e9e..6de6e4cf 100644
--- a/components/Navbar.vue
+++ b/components/Navbar.vue
@@ -31,7 +31,7 @@
           <li><a>Webrings</a></li>
         </ul>
       </div>
-      <a class="btn btn-ghost text-xl">saahild.com</a>
+      <a class="btn btn-ghost text-xl" href="./">saahild.com</a>
     </div>
     <!-- <div class="navbar-center hidden lg:flex">
      
diff --git a/lib/jsscripts/index.ts b/lib/jsscripts/index.ts
index 4ffa3d3c..01fa40fb 100644
--- a/lib/jsscripts/index.ts
+++ b/lib/jsscripts/index.ts
@@ -1,16 +1,19 @@
 import { startingLog } from "./log";
 import { runTitle } from "./changing_title";
 import { injectOneko } from "./oneko";
-startingLog();
-runTitle();
 
-injectOneko();
-umIdentify({
-  semi_perm_id: localStorage.getItem("semi_perm_id")
-    ? localStorage.getItem("semi_perm_id")
-    : (localStorage.semi_perm_id =
-        Math.random().toString(36).substring(2, 15) +
-        Math.random().toString(36).substring(2, 15)),
-  temp_id: Date.now() + Math.random().toString(36).substring(2, 15),
-  user_agent: navigator.userAgent,
+onNuxtReady(() => {
+  startingLog();
+  runTitle();
+
+  injectOneko();
+  umIdentify({
+    semi_perm_id: localStorage.getItem("semi_perm_id")
+      ? localStorage.getItem("semi_perm_id")
+      : (localStorage.semi_perm_id =
+          Math.random().toString(36).substring(2, 15) +
+          Math.random().toString(36).substring(2, 15)),
+    temp_id: Date.now() + Math.random().toString(36).substring(2, 15),
+    user_agent: navigator.userAgent,
+  });
 });
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 67c1acab..46052376 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -5,7 +5,7 @@ export default defineNuxtConfig({
   devtools: { enabled: true },
   target: "static",
   // make static output
-  ssr: false,
+  ssr: true,
   nitro: {
     preset: "static",
   },
diff --git a/pages/buttons.vue b/pages/buttons.vue
index 10273866..4a5f9f9f 100644
--- a/pages/buttons.vue
+++ b/pages/buttons.vue
@@ -1 +1,180 @@
-<template>Webrings:3</template>
+<script setup>
+let ring = [
+  {
+    src: "foxmossbutton.png",
+    link: "https://foxmoss.com/",
+    friend: true,
+  },
+  {
+    src: "prpl_wtf.gif",
+    link: "https://prpl.wtf/",
+    friend: true,
+  },
+  {
+    src: "bomberfish.gif",
+    link: "https://bomberfish.ca/",
+    friend: true,
+  },
+  {
+    src: "alexp.png",
+    link: "https://parkalex.dev/",
+    friend: true,
+  },
+  {
+    src: "temp_3kh0.png",
+    link: "https://3kh0.net",
+    friend: true,
+  },
+  {
+    src: "bunnyguy.gif",
+    link: "https://bunnyguy.foo",
+    friend: true,
+  },
+  {
+    src: "3295d8e539f4804202871ce068f91b9a.gif",
+  },
+  {
+    src: "760ce10482bf8260df45c50fd2d5571a.gif",
+  },
+  {
+    src: "7f6c5065dc7ec10b6e1a2bb83fd4932e.png",
+  },
+  {
+    src: "ec5c39b7eb8d6eacbcd3c93201804a92.png",
+  },
+  {
+    src: "eda33e29b6003fb10121912b0fa6d89f.gif",
+  },
+  {
+    src: "e804ed358079c369c8a22ffba0fde767.png",
+  },
+  {
+    src: "b205a193de9187eceaf8348796ce86d1.gif",
+  },
+  {
+    src: "3bc210df467fe80421d30cb536c6d920.png",
+  },
+  {
+    src: "3f9ef562257abbb413b2825b0672d0bc.gif",
+  },
+  {
+    src: "1cb7a342492654ef51557ed1e062b27a.gif",
+  },
+  {
+    src: "3aa04774fa5151af0bd475a6ca85aac1.gif",
+  },
+  {
+    src: "2b6fce503527ec98ab2e671368e4972f.png",
+  },
+  {
+    src: "288b3b77cdaf5880cf3c6dce022c786e.gif",
+  },
+  {
+    src: "notbysarah.png",
+  },
+  {
+    src: "179523bb11e45538e1f86e638c1fb100.gif",
+  },
+  {
+    src: "2a56fd4c7a1572ca12a5d576e048ef51.gif",
+  },
+  {
+    src: "cc34d54961941d7dfe96543eb5ffb0a3.gif",
+  },
+  {
+    src: "f6a41b3db69855d67ca3b71a71c77084.gif",
+  },
+  {
+    src: "19fc1abb7ef7a1a11c3c5482831566ae.gif",
+  },
+  {
+    src: "9f8ab115ef02930271169683bf610e5c.gif",
+  },
+  {
+    src: "vibri-button.gif",
+  },
+  {
+    src: "417faf804598dc04c1ce02d928f99f8e.gif",
+  },
+  {
+    src: "99794cb48a82bffc83879708c8b02e4f.gif",
+  },
+  {
+    src: "babe71d6de7cdf4fbd49cecde0c2458a.png",
+  },
+  {
+    src: "72aa513be325f3a5764f3e56996611f7.gif",
+  },
+  {
+    src: "0fac86695e04eac4ab3cdf0e6e8ae3e1.gif", // DOWNLOAD THIS
+  },
+  {
+    src: "30f0d5532eea43b10464e4c927b16ba4.png",
+  },
+  {
+    src: "fbbbb6b4a3f54f35ab8fac40d9aa6b7c.png",
+  },
+  {
+    src: "61fcab82536020d630a360055c830eb1.png",
+  },
+  {
+    src: "2cb27ef319ab1211d2a286a5cfeed179.gif",
+  },
+  {
+    src: "7b5f60e8e0c184642cbd0d02d3ae105b.gif",
+  },
+  {
+    src: "df6ddc19c1214b2b4909ad730e55ab09.gif",
+  },
+  {
+    src: "bec485b9ceb26cd372fa51ad7a8b6962.gif",
+  },
+  {
+    src: "a1b70ea20aa89370a2f0d48f2c1bcb0e.gif",
+  },
+  {
+    src: "dd2cff4f815d9f10f7d762b9989439de.gif",
+  },
+  {
+    src: "d6ffa37f50d94295ee720640caaa6410.gif",
+  },
+  {
+    src: "ed2b8b6877008883d804f0ac95aa8769.gif",
+  },
+  {
+    src: "6fab3b4fa0232c9eb25d898edc54405f.png",
+  },
+  {
+    src: "hackclub.png",
+  },
+  {
+    src: "fc9a3bf4cbfe7f9831fbd3c1485890b4.gif",
+  },
+  {
+    src: "922a9f7700a81a7f2eef329870afa934.gif",
+  },
+];
+console.log(ring);
+</script>
+<template>
+  <div class="m-10">
+    <h1 class="font-bold text-4xl">Webrings / 88x31's</h1>
+    <p class="py-5">just look at the shiny buttons</p>
+    <div class="flex flex-wrap items-start p-0 m-0 gap-0 max-w-xl">
+      <a
+        v-for="item in ring"
+        :class="`p-0 m-1 ${item.friend ? 'border-[#cba6f71] border-2' : ''}`"
+        :href="item.link || '#'"
+      >
+        <img
+          :src="
+            item.src.startsWith('http')
+              ? item.src
+              : `https://saahild.com/buttons/${item.src}`
+          "
+          class="block align-top"
+        />
+      </a>
+    </div>
+  </div>
+</template>
diff --git a/pages/projects.vue b/pages/projects.vue
new file mode 100644
index 00000000..e2897292
--- /dev/null
+++ b/pages/projects.vue
@@ -0,0 +1 @@
+<template>projects who?</template>