diff --git a/package-lock.json b/package-lock.json
index c663042..ec04e9c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1578,6 +1578,60 @@
         "node": ">=14.0.0"
       }
     },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/core": {
+      "version": "1.7.1",
+      "inBundle": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.1.0",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/runtime": {
+      "version": "1.7.1",
+      "inBundle": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/wasi-threads": {
+      "version": "1.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@napi-rs/wasm-runtime": {
+      "version": "1.1.0",
+      "inBundle": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.7.1",
+        "@emnapi/runtime": "^1.7.1",
+        "@tybys/wasm-util": "^0.10.1"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@tybys/wasm-util": {
+      "version": "0.10.1",
+      "inBundle": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/tslib": {
+      "version": "2.8.1",
+      "inBundle": true,
+      "license": "0BSD",
+      "optional": true
+    },
     "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
       "version": "4.1.18",
       "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.18.tgz",
@@ -3875,9 +3929,9 @@
       }
     },
     "node_modules/preact": {
-      "version": "10.28.0",
-      "resolved": "https://registry.npmjs.org/preact/-/preact-10.28.0.tgz",
-      "integrity": "sha512-rytDAoiXr3+t6OIP3WGlDd0ouCUG1iCWzkcY3++Nreuoi17y6T5i/zRhe6uYfoVcxq6YU+sBtJouuRDsq8vvqA==",
+      "version": "10.28.2",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-10.28.2.tgz",
+      "integrity": "sha512-lbteaWGzGHdlIuiJ0l2Jq454m6kcpI1zNje6d8MlGAFlYvP2GO4ibnat7P74Esfz4sPTdM6UxtTwh/d3pwM9JA==",
       "license": "MIT",
       "funding": {
         "type": "opencollective",
diff --git a/public/Epoch.otf b/public/Epoch.otf
new file mode 100644
index 0000000..140e75d
Binary files /dev/null and b/public/Epoch.otf differ
diff --git a/src/index.css b/src/index.css
index bd8227c..800c1ff 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,3 +1,10 @@
+@font-face {
+  font-family: "Epoch";
+  src: url("/Epoch.otf") format("opentype");
+  font-weight: normal;
+  font-style: normal;
+}
+
 :root {
   font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
   line-height: 1.5;
@@ -9,3 +16,6 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+h1, h2, h3, h4, h5, h6 {
+  font-family: Epoch, system-ui, Avenir, Helvetica, Arial, sans-serif;
+}
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 3cfe811..78ac74e 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -98,8 +98,18 @@ export default function Home() {
           >
             Hack Club
           </a>
-          ! <br />I prefer working in the CLI to any GUI app (which is why I'm
-          not the best at UI things XD) <br />
+          ! <br />
+          I'm also a{" "}
+          <a
+            href="https://us.review.hackclub.com"
+            target="_blank"
+            className="underline hover:text-macchiato-blue"
+          >
+            Shipwright
+          </a>{" "}
+          for Hack Club's universal You Ship We Ship's! <br />
+          I prefer working in the CLI to any GUI app (which is why I'm not the
+          best at UI things XD) <br />
           I've also written my own neovim, ghostty, and tmux configs, which are
           the main tools I use to program. You can find them on my{" "}
           <a
@@ -118,7 +128,9 @@ export default function Home() {
         >
           <h2 className="text-2xl text-macchiato-lavender">The Webrings</h2>
 
-          <div id="pagering">{createElement("pagering-link", { theme: "dark" })}</div>
+          <div id="pagering">
+            {createElement("pagering-link", { theme: "dark" })}
+          </div>
 
           <div className="flex mt-2" id="parrotring">
             <a href="https://ultrafastparrot.net/prev/kyle">
@@ -138,8 +150,14 @@ export default function Home() {
                   strokeLinejoin="round"
                 ></path>
               </svg>
-              </a>
-            <a href="https://ultrafastparrot.net/"><img className="w-12" src="https://ultrafastparrot.net/ultrafastparrot.gif" alt="ultrafastparrot"/></a>
+            </a>
+            <a href="https://ultrafastparrot.net/">
+              <img
+                className="w-12"
+                src="https://ultrafastparrot.net/ultrafastparrot.gif"
+                alt="ultrafastparrot"
+              />
+            </a>
             <a href="https://ultrafastparrot.net/next/kyle">
               <svg
                 className="arrow-icon"