diff --git a/index.html b/index.html
new file mode 100644
index 0000000..9f3389d
--- /dev/null
+++ b/index.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Hugh Dunc</title>
+    <link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.4.0/css/all.css">
+    <link rel="icon" type="image/x-icon" href="https://cdn.glitch.global/623f02dc-d44e-4caa-9e02-9e042cda7de0/zawgg.png?v=1727025117658">
+    <meta property="og:title" content="Hugh Dunc" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://zawgg.com/" />
+    <meta property="og:image" content="https://cdn.glitch.global/623f02dc-d44e-4caa-9e02-9e042cda7de0/zawgg.png?v=1727025117658" />
+    <meta property="og:description" content="i develop stuff" />
+    <meta name="theme-color" content="#FF0000">
+    <link href="https://api.fontshare.com/v2/css?f[]=beVietnam-pro@1&display=swap" rel="stylesheet">
+    <style>
+      body {
+        font-family: "Be Vietnam Pro", system-ui, sans-serif;
+      }
+    </style>
+  </head>
+  <body class="overflow-hidden bg-[url(https://media.tenor.com/1gfCwmVdMB8AAAAC/vaporwave.gif)] bg-cover bg-center text-white flex flex-col items-center justify-center h-screen overflow-hidden">
+    <main class="w-full h-full md:w-auto md:h-auto flex flex-col items-center justify-center text-center bg-zinc-950/50 px-6 sm:px-12 mx-4 py-6 md:rounded-2xl transition-[padding] md:border-2 border-black/10">
+      <h1 class="text-[10vw] sm:text-[5rem] font-bold flex items-center gap-3 sm:gap-5 flex-wrap"><img src="https://cdn.glitch.global/623f02dc-d44e-4caa-9e02-9e042cda7de0/zawgg.png?v=1727025117658" class="h-[15vw] sm:h-24 shadow-xl rounded-lg">im hugh</h1>
+      <p class="text-[min(5vw,28px)] sm:text-3xl font-medium mb-5 mt-2 leading-tight">i develop <span id="stuff">stuff,</span> <br class="sm:hidden"> heres my projects:</p>
+      <div class="flex flex-col max-h-64 overflow-scroll gap-3">
+        <div class="flex flex-col sm:flex-row items-center gap-x-5 gap-y-2 border-2 border-white/10 p-4 rounded-xl min-w-64">
+          <a href="https://mcshowdown.net" class="w-28"><img src="https://cdn.discordapp.com/icons/1019344123955785768/b05b40362e01253b82c2f7f5219577ab.webp" class="w-28 rounded-xl"></a>
+          <div class="flex flex-col text-center items-center sm:text-left sm:items-start max-w-[50vw]">
+            <p class="text-xl font-semibold">Minecraft Showdown</p>
+            <a class="opacity-50 flex gap-1 items-center" href="https://mcshowdown.net"><i class="fa fa-link text-xs relative top-px"></i>mcshowdown.net</a>
+            <p><span class="hidden sm:flex">Best Minecraft Event Server out there.</span> I made the website, some plugins, and some builds.</p>
+          </div>
+          <a href="https://mcshowdown.net" class="bg-green-500 text-3xl font-semibold px-10 py-4 mx-5 rounded-xl shadow-xl hidden md:flex items-center gap-2">Go <i class="fa fa-arrow-up-right"></i></a>
+        </div>
+        <p class="text-white/50">
+          there will be more (trust)
+        </p>
+      </div>
+      
+      <p class="text-3xl font-medium mt-5 mb-3">socials too</p>
+      <div class="flex flex-col sm:flex-row items-center text-[2rem] font-semibold gap-x-10 gap-y-5">
+        <div class="flex gap-10">
+          <a href="https://discord.com/users/824136790474096671" class="fab fa-discord"></a>
+          <a href="https://youtube.com/@zawgg" class="fab fa-youtube"></a>
+          <a href="https://tiktok.com/@chefhugh" class="fab fa-tiktok"></a>
+        </div>
+        <div class="flex gap-10">
+          <a href="https://github.com/zawgggg" class="fab fa-github "></a>
+          <a href="https://kick.com/zawgg" class="fab fa-twitch"></a>
+        </div>
+      </div>
+    </main>
+    
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script>
+      var stuff = document.getElementById("stuff")
+      var things = ["games,", "sites,", "apps,", "ux/ui,", "servers,"]
+      var index = 0
+      
+      var doTheThing = () => {
+        stuff.innerText = things[index];
+        index++;
+        if (index > things.length - 1) {
+          index = 0;
+        };
+      };
+      doTheThing();
+      setInterval(doTheThing, 2000)
+    </script>
+  </body>
+</html>
