diff --git a/public/@brooke/acab.gif b/public/@brooke/acab.gif
new file mode 100644
index 0000000..c86ff0e
Binary files /dev/null and b/public/@brooke/acab.gif differ
diff --git a/public/@brooke/besties.gif b/public/@brooke/besties.gif
new file mode 100644
index 0000000..53c5143
Binary files /dev/null and b/public/@brooke/besties.gif differ
diff --git a/public/@brooke/bg.jpg b/public/@brooke/bg.jpg
new file mode 100644
index 0000000..aa8eea8
Binary files /dev/null and b/public/@brooke/bg.jpg differ
diff --git a/public/@brooke/fractal.gif b/public/@brooke/fractal.gif
new file mode 100644
index 0000000..0733cad
Binary files /dev/null and b/public/@brooke/fractal.gif differ
diff --git a/public/@brooke/index.html b/public/@brooke/index.html
new file mode 100644
index 0000000..3e1efea
--- /dev/null
+++ b/public/@brooke/index.html
@@ -0,0 +1,155 @@
+<!doctype html>
+<html>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>@Brooke</title>
+    <style>
+      @font-face {
+        font-family: FreePixel;
+        src: url(https://sadhost.neocities.org/fonts/FreePixel.ttf)
+          format("truetype");
+      }
+      :root {
+        --background: #242424e5;
+        --accent-1: #d182ff;
+        --accent-2: #eb53d3;
+        --content-spacing: 5px;
+        --background-img: url("/public/@brooke/bg.jpg");
+        --banner: url("/public/@brooke/fractal.gif");
+        --titleBars: url("/public/@brooke/title-bar.jpg");
+        --text-color: white;
+        --link-color: var(--accent-1);
+        --border: 1px solid black;
+      }
+      body,
+      html {
+        margin: 0;
+        box-sizing: border-box;
+        font-family: FreePixel;
+      }
+      body {
+        background-image: var(--background-img);
+        color: var(--text-color);
+        background-attachment: fixed;
+      }
+      .topbar {
+        background-image: var(--banner);
+        height: 150px;
+        background-size: cover;
+        background-position: 60%;
+        margin-bottom: var(--content-spacing);
+        border: var(--border);
+      }
+      #container {
+        max-width: 850px;
+        margin: 0 auto;
+      }
+      #container a {
+        color: var(--link-color);
+      }
+      #container {
+        border-top: none;
+      }
+      #flex {
+        display: flex;
+        max-width: 850px;
+      }
+      .sidebar-title,
+      .title {
+        background-image: var(--titleBars);
+        font-weight: 700;
+        border: var(--border);
+        font-size: 20px;
+        background-size: auto 100%;
+        background-repeat: repeat-x;
+      }
+      main {
+        width: 100%;
+        background-color: var(--background);
+      }
+      .content {
+        padding: 25px;
+      }
+      @media only screen and (max-width: 640px) {
+        #flex {
+          flex-wrap: wrap;
+        }
+      }
+      p {
+        font-weight: 700;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="container">
+      <div class="topbar"></div>
+      <div id="flex">
+        <main>
+          <div class="sidebar-title">&nbsp;</div>
+          <div style="padding: 1rem; padding-top: 0">
+            <p>Hi! My name is Brooke.</p>
+            <p>
+              I like helping organizations and individuals get on board with the
+              idea of using FLOSS (Free/Libre/Open Source Software) software.
+            </p>
+            <p>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>Find me:</p>
+            <ul>
+              <li>
+                <a target="_blank" href="https://coop.myco.systems/">Blog</a>
+              </li>
+              <li>
+                <a target="_blank" href="https://coop.myco.systems/"
+                  >Mastodon</a
+                >
+              </li>
+            </ul>
+            <div>
+              <a target="_blank" href="https://10kb.neocities.org/about">
+                <img
+                  src="https://10kb.neocities.org/icons/flag10kb.png"
+                  alt="The words '10kB' split in half by a black cross, on a blue background."
+                  height="32"
+                  width="auto"
+                  title="The 10kB Gallery!"
+                  style="image-rendering: crisp-edges"
+                />
+              </a>
+              <img
+                src="/public/@brooke/trans.png"
+                height="32"
+                width="auto"
+                alt="A trans flag."
+              />
+              <img
+                src="/public/@brooke/piracy.gif"
+                height="32"
+                width="auto"
+                alt="A piracy flag."
+              />
+              <img
+                src="/public/@brooke/acab.gif"
+                height="32"
+                width="auto"
+                alt="All Cops Are Bastards."
+              />
+              <a target="_blank" href="https://besties.house/"
+                ><img
+                  src="/public/@brooke/besties.gif"
+                  height="32"
+                  width="auto"
+                  alt="Besties.house, first unionised group chat."
+              /></a>
+            </div>
+          </div>
+        </main>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/public/@brooke/piracy.gif b/public/@brooke/piracy.gif
new file mode 100644
index 0000000..37b73b8
Binary files /dev/null and b/public/@brooke/piracy.gif differ
diff --git a/public/@brooke/title-bar.jpg b/public/@brooke/title-bar.jpg
new file mode 100644
index 0000000..4dacad5
Binary files /dev/null and b/public/@brooke/title-bar.jpg differ
diff --git a/public/@brooke/trans.png b/public/@brooke/trans.png
new file mode 100644
index 0000000..c4e0060
Binary files /dev/null and b/public/@brooke/trans.png differ
