diff --git a/public/@brooke/index.html b/public/@brooke/index.html
index 3afbb8b..6be4fc4 100644
--- a/public/@brooke/index.html
+++ b/public/@brooke/index.html
@@ -1,198 +1,184 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <a rel="me" href="https://kolektiva.social/@brooke"></a>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>@Brooke</title>
-    <style>
-      @font-face {
-        font-family: PixelifySans;
-        font-weight: 700;
-        src: url(/@brooke/font/static/PixelifySans-Regular.ttf)
-          format("truetype");
-        font-display: swap;
-      }
-      :root {
-        --background: #242424e5;
-        --accent-1: #d182ff;
-        --background-img: url("/@brooke/bg.webp");
-        --banner-top: url("/@brooke/fractal-top.webp");
-        --banner-bottom: url("/@brooke/fractal-bottom.webp");
-        --text-color: white;
-        --link-color: var(--accent-1);
-        --border: 1px solid black;
-      }
-      body,
-      html {
-        margin: 0;
-        box-sizing: border-box;
-        font-family: PixelifySans;
-        height: 100%;
-      }
-      body {
-        background-image: var(--background-img);
-        color: var(--text-color);
-        background-attachment: fixed;
-        background-size: auto 300px;
-      }
-      .bar-bottom,
-      .bar-top {
-        height: 150px;
-        background-size: cover;
-        border: var(--border);
-      }
-      .bar-top {
-        background-image: var(--banner-top);
-        background-position: center bottom;
-      }
-      .bar-bottom {
-        background-image: var(--banner-bottom);
-        background-position: center top;
-      }
-      #container {
-        max-width: 750px;
-        margin: 0 auto;
-        border-top: none;
-        display: flex;
-        flex-direction: column;
-      }
-      #container a {
-        color: var(--link-color);
-      }
-      #flex {
-        display: flex;
-        flex: 1;
-        overflow: auto;
-      }
+
+<head>
+  <a rel="me" href="https://kolektiva.social/@brooke"></a>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>@Brooke</title>
+  <style>
+    @font-face {
+      font-family: PixelifySans;
+      font-weight: 700;
+      src: url(/@brooke/font/static/PixelifySans-Regular.ttf) format("truetype");
+      font-display: swap;
+    }
+
+    :root {
+      --background: #242424e5;
+      --accent-1: #d182ff;
+      --background-img: url("/@brooke/bg.webp");
+      --banner-top: url("/@brooke/fractal-top.webp");
+      --banner-bottom: url("/@brooke/fractal-bottom.webp");
+      --text-color: white;
+      --link-color: var(--accent-1);
+      --border: 1px solid black;
+    }
+
+    body,
+    html {
+      margin: 0;
+      box-sizing: border-box;
+      font-family: PixelifySans;
+      height: 100%;
+    }
+
+    body {
+      background-image: var(--background-img);
+      color: var(--text-color);
+      background-attachment: fixed;
+      background-size: auto 300px;
+    }
+
+    .bar-bottom,
+    .bar-top {
+      height: 150px;
+      background-size: cover;
+      border: var(--border);
+    }
+
+    .bar-top {
+      background-image: var(--banner-top);
+      background-position: center bottom;
+    }
+
+    .bar-bottom {
+      background-image: var(--banner-bottom);
+      background-position: center top;
+    }
+
+    #container {
+      max-width: 750px;
+      margin: 0 auto;
+      border-top: none;
+      display: flex;
+      flex-direction: column;
+    }
+
+    #container a {
+      color: var(--link-color);
+    }
+
+    #flex {
+      display: flex;
+      flex: 1;
+      overflow: auto;
+    }
+
+    main {
+      width: 100%;
+      background-color: var(--background);
+    }
+
+    .content {
+      padding: 25px;
+    }
+
+    body {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    li {
+      padding: 0.25rem;
+    }
+
+    ul {
+      padding-left: 1rem;
+    }
+
+    @media only screen and (max-width: 750px) {
       main {
-        width: 100%;
-        background-color: var(--background);
-      }
-      .content {
-        padding: 25px;
-      }
-      body {
         display: flex;
         align-items: center;
         justify-content: center;
+        overflow-wrap: break-word;
       }
-      li {
-        padding: 0.25rem;
+
+      #container {
+        height: 100vh;
       }
-      ul {
-        padding-left: 1rem;
+
+      #flex {
+        flex-wrap: wrap;
       }
-      @media only screen and (max-width: 750px) {
-        main {
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          overflow-wrap: break-word;
-        }
-        #container {
-          height: 100vh;
-        }
-        #flex {
-          flex-wrap: wrap;
-        }
-      }
-    </style>
-  </head>
-  <body>
-    <div id="container">
-      <div class="bar-top"></div>
-      <div id="flex">
-        <main>
-          <div style="padding: 1rem; padding-top: 0">
-            <p>Hi! My name is Brooke. I use She/They pronouns.</p>
-            <p>
-              I'm a 20-something trying to help organizations and individuals
-              get on board with the idea of using FLOSS (Free/Libre/Open Source
-              Software). I enjoy and am proficient with
-              <a target="_blank" href="https://solvespace.com/index.pl">SolveSpace</a>,
-              <a target="_blank" href="https://en.wikipedia.org/wiki/Fused_filament_fabrication"
-                >FFF/SLS 3D printing</a
-              >, <a target="_blank" href="https://gohugo.io">Hugo</a>,
-              <a target="_blank" href="https://www.debian.org/">Debian flavors of Linux</a>,
-              <a target="_blank" href="https://www.docker.com/">Docker</a>, and
-              <a target="_blank" href="https://forgejo.org/docs/latest/user/actions/"
-                >ACT based CI/CD</a
-              >.
-            </p>
-            <p>Online, I like to talk about:</p>
-            <ul>
-              <li>Off-grid living</li>
-              <li>Rubber Tramping</li>
-              <li>Open Source projects of all kinds</li>
-              <li>Intentional communities</li>
-            </ul>
-            <p>Where you can find me:</p>
-            <ul>
-              <a target="_blank" href="https://coop.myco.systems/">
-                <li>Blog</li>
-              </a>
-              <a target="_blank" href="https://kolektiva.social/@brooke/">
-                <li>Mastodon</li>
-              </a>
-              <li>
-                SSB
-                <span
-                  id="codeblock"
-                  style="font-size: 10px; overflow-wrap: break-word"
-                  >@/7fjKaOZYlNV1xMzUjbLGxKFwLssU4pI4aY4eGKHemM=.ed25519</span
-                >
-              </li>
-            </ul>
-            <p>
-              This website's layout is inspired by
-              <a target="_blank" href="https://goblin-heart.net/sadgrl/"
-                >sadgirl.online</a
-              >.<br />And, here's some tags for things I like:
-            </p>
-            <div>
-              <a target="_blank" href="https://10kb.neocities.org/about">
-                <img
-                  loading="lazy"
-                  src="/@brooke/flag10kb.webp"
-                  height="32"
-                  width="88"
-                  alt="The words '10kB' split in half by a black cross, on a blue background."
-                />
-              </a>
-              <img
-                loading="lazy"
-                src="/@brooke/trans.webp"
-                height="31"
-                width="88"
-                alt="The trans flag. A flag wih blue, pink, and white strips."
-              />
-              <img
-                loading="lazy"
-                src="/@brooke/piracy.webp"
-                height="31"
-                width="88"
-                alt="Piracy Now! With a skull a crossed bones to the left."
-              />
-              <img
-                loading="lazy"
-                src="/@brooke/acab.webp"
-                height="31"
-                width="88"
-                alt="All Cops Are Bastards. Flashing text pink and yellow."
-              />
-              <a target="_blank" href="https://besties.house/"
-                ><img
-                  loading="lazy"
-                  src="/@brooke/besties.webp"
-                  height="31"
-                  width="88"
-                  alt="Besties.house, first unionised group chat."
-              /></a>
-            </div>
+    }
+  </style>
+</head>
+
+<body>
+  <div id="container">
+    <div class="bar-top"></div>
+    <div id="flex">
+      <main>
+        <div style="padding: 1rem; padding-top: 0">
+          <p>Hi! My name is Brooke. I use She/They pronouns.</p>
+          <p>
+            I'm a 20-something trying to help organizations and individuals
+            get on board with the idea of using FLOSS (Free/Libre/Open Source
+            Software). I enjoy and am proficient with
+            <a target="_blank" href="https://solvespace.com/index.pl">SolveSpace</a>,
+            <a target="_blank" href="https://en.wikipedia.org/wiki/Fused_filament_fabrication">FFF/SLS 3D printing</a>,
+            <a target="_blank" href="https://gohugo.io">Hugo</a>,
+            <a target="_blank" href="https://www.debian.org/">Debian flavors of Linux</a>,
+            <a target="_blank" href="https://www.docker.com/">Docker</a>, and
+            <a target="_blank" href="https://forgejo.org/docs/latest/user/actions/">ACT based CI/CD</a>.
+          </p>
+          <p>Online, I like to talk about:</p>
+          <ul>
+            <li>Off-grid living</li>
+            <li>Rubber Tramping</li>
+            <li>Open Source projects of all kinds</li>
+            <li>Intentional communities</li>
+          </ul>
+          <p>Where you can find me:</p>
+          <ul>
+            <a target="_blank" href="https://coop.myco.systems/">
+              <li>Blog</li>
+            </a>
+            <a target="_blank" href="https://kolektiva.social/@brooke/">
+              <li>Mastodon</li>
+            </a>
+            <li>
+              SSB
+              <span id="codeblock"
+                style="font-size: 10px; overflow-wrap: break-word">@/7fjKaOZYlNV1xMzUjbLGxKFwLssU4pI4aY4eGKHemM=.ed25519</span>
+            </li>
+          </ul>
+          <p>
+            This website's layout is inspired by
+            <a target="_blank" href="https://goblin-heart.net/sadgrl/">sadgirl.online</a>.<br />And, here's some tags
+            for things I like:
+          </p>
+          <div>
+            <a target="_blank" href="https://10kb.neocities.org/about">
+              <img loading="lazy" src="/@brooke/flag10kb.webp" height="32" width="88"
+                alt="The words '10kB' split in half by a black cross, on a blue background." />
+            </a>
+            <img loading="lazy" src="/@brooke/trans.webp" height="31" width="88"
+              alt="The trans flag. A flag wih blue, pink, and white strips." />
+            <img loading="lazy" src="/@brooke/piracy.webp" height="31" width="88"
+              alt="Piracy Now! With a skull a crossed bones to the left." />
+            <img loading="lazy" src="/@brooke/acab.webp" height="31" width="88"
+              alt="All Cops Are Bastards. Flashing text pink and yellow." />
+            <a target="_blank" href="https://besties.house/"><img loading="lazy" src="/@brooke/besties.webp" height="31"
+                width="88" alt="Besties.house, first unionised group chat." /></a>
           </div>
-        </main>
-      </div>
-      <div class="bar-bottom"></div>
+        </div>
+      </main>
     </div>
-  </body>
-</html>
+    <div class="bar-bottom"></div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
