update ssb to be a separate text file, I don't want the pain of setting up proper mobile formatting with codeblocks

public/@brooke/index.html

@@ -15,7 +15,6 @@
       :root {
         --background: #242424e5;
         --accent-1: #d182ff;
-        --accent-2: #eb53d3;
         --background-img: url("/@brooke/bg.webp");
         --banner-top: url("/public/@brooke/fractal-top.webp");
         --banner-bottom: url("/public/@brooke/fractal-bottom.webp");
@@ -75,11 +74,6 @@
       li {
         padding: 0.25rem;
       }
-      code {
-        background-color: black;
-        padding: 0.25rem;
-        border-radius: 5px;
-      }
       body {
         display: flex;
         align-items: center;
@@ -90,6 +84,7 @@
           display: flex;
           align-items: center;
           justify-content: center;
+          overflow-wrap: break-word;
         }
         #container {
           height: 100vh;
@@ -115,7 +110,9 @@
               <a href="https://gohugo.io">Hugo</a>,
               <a href="https://www.debian.org/">Debian flavors of Linux</a>,
               <a href="https://www.docker.com/">Docker</a>, and CI/CD, primarily
-              <a href="https://code.forgejo.org/forgejo/act">Github/ACT</a>.
+              <a href="https://forgejo.org/docs/latest/user/actions/"
+                >Github/ACT</a
+              >.
             </p>
             <p>Online, I like to talk about:</p>
             <ul>
@@ -124,7 +121,7 @@
               <li>Open Source projects of all kinds</li>
               <li>Intentional communities</li>
             </ul>
-            <p>You can find me at:</p>
+            <p>Where you can find me:</p>
             <ul>
               <a target="_blank" href="https://coop.myco.systems/">
                 <li>Blog</li>
@@ -132,9 +129,9 @@
               <a target="_blank" href="https://kolektiva.social/@brooke/">
                 <li>Mastodon</li>
               </a>
-              <li>
-                SSB <code>@/7fjKaOZYlNV1xMzUjbLGxKFwLssU4pI4aY4eGKHemM=.ed25519</code>
-              </li>
+              <a target="_blank" href="/@brooke/ssb">
+                <li>SSB</li>
+              </a>
             </ul>
             <p>
               This website's layout is inspired by

public/@brooke/ssb

@@ -0,0 +1 @@
+@/7fjKaOZYlNV1xMzUjbLGxKFwLssU4pI4aY4eGKHemM=.ed25519