diff --git a/astro.config.mjs b/astro.config.mjs
index 28e1bb6..3f256e4 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -10,7 +10,7 @@ export default defineConfig({
   site: "https://bwc9876.dev",
   compressHTML: true,
   integrations: [mdx(), icon({ iconDir: "src/assets/icons" }), sitemap(), playformInline()],
-  image: { dangerouslyProcessSVG: true, },
+  image: { dangerouslyProcessSVG: true },
   markdown: {
     shikiConfig: {
       theme: "catppuccin-mocha"
@@ -39,5 +39,5 @@ export default defineConfig({
     build: {
       cssMinify: "lightningcss"
     }
-  },
+  }
 });
diff --git a/package-lock.json b/package-lock.json
index cc82f20..eb7f09a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,6 +19,7 @@
         "@iconify-json/simple-icons": "^1.2.92",
         "@playform/inline": "^0.1.4",
         "astro": "^7.1.6",
+        "astro-capo": "^0.0.1",
         "astro-icon": "^1.1.4",
         "cowsay": "^1.6.0",
         "lightningcss": "^1.33.0",
@@ -3293,6 +3294,18 @@
         }
       }
     },
+    "node_modules/astro-capo": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/astro-capo/-/astro-capo-0.0.1.tgz",
+      "integrity": "sha512-KyQD1mzgEQnbqrKpYdoIZMAYejkOcIJocdGuQBH9Yzr4KqGzIR8P2DDNbV/FQXaSyq900lCZwWJH45tBIQCG8w==",
+      "license": "MIT",
+      "dependencies": {
+        "ultrahtml": "^1.3.0"
+      },
+      "peerDependencies": {
+        "astro": ">= 2.8"
+      }
+    },
     "node_modules/astro-icon": {
       "version": "1.1.5",
       "resolved": "https://registry.npmjs.org/astro-icon/-/astro-icon-1.1.5.tgz",
diff --git a/package.json b/package.json
index 98c56a1..d8c5c28 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "@iconify-json/simple-icons": "^1.2.92",
     "@playform/inline": "^0.1.4",
     "astro": "^7.1.6",
+    "astro-capo": "^0.0.1",
     "astro-icon": "^1.1.4",
     "cowsay": "^1.6.0",
     "lightningcss": "^1.33.0",
diff --git a/src/content/posts/ramportal.mdx b/src/content/posts/ramportal.mdx
index 276d94b..bc3c8d6 100644
--- a/src/content/posts/ramportal.mdx
+++ b/src/content/posts/ramportal.mdx
@@ -1,6 +1,6 @@
 ---
 title: "RamPortal: An Adventure in Silliness"
-date: 2026-05-13 
+date: 2026-05-13
 summary: Ramblings and complaints about the SIS at my university.
 cowsay: <iframe>s are the root of all evil
 ---
@@ -70,11 +70,11 @@ Also you'll notice even those aren't consistent 😃
 
 ### Banner Admin
 
-When I want to access administrative information for my job, I go to AppNav. AppNav, of course, embeds Banner Admin in an `<iframe>`. 
+When I want to access administrative information for my job, I go to AppNav. AppNav, of course, embeds Banner Admin in an `<iframe>`.
 
 Ignoring the aforementioned issue, which does still happen. Chrome recently introduced [Local Network Access checks](https://github.com/WICG/local-network-access/blob/main/explainer.md). This disallows requests from "remote" addresses to "local" addresses. This is mostly a defense if you're running local HTTP servers (developers will often do this for development versions of their sites).
 
-This is a bit of a weird chain that happens but: 
+This is a bit of a weird chain that happens but:
 
 1. When loading Banner Admin in the `<iframe>`, it loads the Eullician Ethos ISP (I think) to get a session token
 2. That IDP makes some XHR request to a local address (I believe Banner Admin itself), and fails because of LNA protection
@@ -82,7 +82,7 @@ This is a bit of a weird chain that happens but:
 
 Meaning, now in Chrome you can't access Banner Admin. Normally Chrome pops up with a dialog, but because it's in an `<iframe>` it doesn't! They eventually realized this issue and set the proper attributes on the `<iframe>` to allow LNA. Before that though, they told people to **disable LNA checks**. It feels wrong that your application breaks and your advice to people is to disable a security feature of their browser, but that's just me.
 
-The funniest part of this is our university actually uses a public address range for nearly every other device on the network. I'm not sure why exactly but we do get addresses that are at least considered public according to RFC 1918. But for some reason, Banner Admin specifically was given a normal private address. If they used their normal addressing on it, we would have no issues :P. 
+The funniest part of this is our university actually uses a public address range for nearly every other device on the network. I'm not sure why exactly but we do get addresses that are at least considered public according to RFC 1918. But for some reason, Banner Admin specifically was given a normal private address. If they used their normal addressing on it, we would have no issues :P.
 
 And no, other servers don't use the private address range from what I can see.
 
@@ -93,4 +93,3 @@ Luckily I can load Banner Admin directly, and after some messing around I can lo
 RamPortal is still relatively new for the university, we're going to have issues with it as we configure it how we like. But, this issue has happened since day one and it makes people's lives harder. On principle, your website should support all major browsers, and forcing people to use a specific browser is a sign that your application needs some work.
 
 It seems that not much care has gone into the user experience of this system.
-
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 36b83bd..da0b4b4 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -5,6 +5,7 @@ import defaultOg from "@assets/default-og.webp";
 import cow from "@assets/cow.webp";
 import Socials from "@components/Socials.astro";
 import IconLink from "@components/IconLink.astro";
+import { Head } from "astro-capo";
 import "@styles/style.css";
 import type { ImageMetadata } from "astro";
 
@@ -40,11 +41,15 @@ const canonical = Astro.url.toString();
 
 <!doctype html>
 <html lang="en">
-  <head>
-    <title>{fullTitle}</title>
+  <Head>
     <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{fullTitle}</title>
+    <style is:global>
+      @view-transition {
+        navigation: auto;
+      }
+    </style>
     <meta name="description" content={description} />
     <meta name="keywords" content={["portfolio"].concat(keywords ?? []).join(", ")} />
     <meta name="generator" content={Astro.generator} />
@@ -65,12 +70,7 @@ const canonical = Astro.url.toString();
       title="Ben C's Blog"
       href={new URL("feed.xml", Astro.site)}
     />
-    <style is:global>
-      @view-transition {
-        navigation: auto;
-      }
-    </style>
-  </head>
+  </Head>
   <body id="top">
     <header class="container">
       <nav aria-label="Main navigation">
diff --git a/src/pages/projects/[...slug].astro b/src/pages/projects/[...slug].astro
index 41dca6e..9584dc9 100644
--- a/src/pages/projects/[...slug].astro
+++ b/src/pages/projects/[...slug].astro
@@ -76,11 +76,7 @@ const og = {
       </div>
     </div>
     <div class="img-container">
-      <Image
-        transition:name={`project-img-${entry.id}`}
-        alt=""
-        src={entry.data.image}
-      />
+      <Image transition:name={`project-img-${entry.id}`} alt="" src={entry.data.image} />
     </div>
   </div>
   <h2>About This Project</h2>