just put the thing in there

public/@brooke/index.html

@@ -71,14 +71,12 @@
       .content {
         padding: 25px;
       }
-      li {
-        padding: 0.25rem;
-      }
       body {
         display: flex;
         align-items: center;
         justify-content: center;
       }
+
       @media only screen and (max-width: 750px) {
         main {
           display: flex;
@@ -129,6 +127,14 @@
               <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