diff --git a/assets/services/gitgay.png b/assets/services/gitgay.png
new file mode 100644
index 0000000..3d6ad23
Binary files /dev/null and b/assets/services/gitgay.png differ
diff --git a/assets/services/github.png b/assets/services/github.png
new file mode 100644
index 0000000..0dafe28
Binary files /dev/null and b/assets/services/github.png differ
diff --git a/assets/services/lastfm.png b/assets/services/lastfm.png
new file mode 100644
index 0000000..d54788b
Binary files /dev/null and b/assets/services/lastfm.png differ
diff --git a/assets/services/listenbrainz.png b/assets/services/listenbrainz.png
new file mode 100644
index 0000000..439add0
Binary files /dev/null and b/assets/services/listenbrainz.png differ
diff --git a/index.html b/index.html
index 5b5405d..5da93dd 100644
--- a/index.html
+++ b/index.html
@@ -92,6 +92,22 @@
                 <a href="https://matrix.org" target="_blank"><img src="./assets/services/matrix.png" alt="Matrix" title="Matrix"></a>
                 <a href="https://matrix.to/#/@sneexy:constellatory.net" target="_blank">@sneexy:constellatory.net</a>
             </span>
+            <span class="social-container" id="listenbrainz">
+                <a href="https://listenbrainz.org" target="_blank"><img src="./assets/services/listenbrainz.png" alt="ListenBrainz" title="ListenBrainz"></a>
+                <a href="https://listenbrainz.org/user/Sneexy" target="_blank">Sneexy</a>
+            </span>
+            <span class="social-container" id="lastfm">
+                <a href="https://www.last.fm" target="_blank"><img src="./assets/services/lastfm.png" alt="Last.fm" title="Last.fm"></a>
+                <a href="https://www.last.fm/user/sneexy" target="_blank">Sneexy</a>
+            </span>
+            <span class="social-container" id="gitgay">
+                <a href="https://git.gay" target="_blank"><img src="./assets/services/gitgay.png" alt="git.gay Forgejo" title="git.gay Forgejo"></a>
+                <a href="https://git.gay/sneexy" target="_blank">sneexy</a>
+            </span>
+            <span class="social-container" id="github">
+                <a href="https://github.com" target="_blank"><img src="./assets/services/github.png" alt="GitHub" title="GitHub"></a>
+                <a href="https://github.com/sneexy-boi" target="_blank">sneexy-boi</a>
+            </span>
         </div>
     </article>
 </div>
@@ -177,6 +193,7 @@
 <!-- webrings and credits -->
 <footer>
     <div id="webring-credits" class="terminal">
+        <p class="fediring"><b><a href="https://fediring.net/previous?host=sneexy.pages.gay">←</a> <a href="https://fediring.net/">Fediring</a> <a href="https://fediring.net/next?host=sneexy.pages.gay">→</a></b></p>
         <p><a href="https://git.gay/sneexy/pages" target="_blank">website source</a> (feel free to copy! 💚)</p>
         <p><a href="https://catppuccin.com" target="_blank">Catppuccin</a> <a href="https://raw.githubusercontent.com/catppuccin/catppuccin/main/LICENSE" target="_blank">license</a> 💜</p>
         <p><a href="https://www.jetbrains.com/lp/mono" target="_blank">JBM</a> <a href="./assets/fonts/JetBrainsMono/OFL.txt" target="_blank">license</a>/<a href="./assets/fonts/JetBrainsMono/AUTHORS.txt" target="_blank">authors</a></p>
diff --git a/style.css b/style.css
index 0396df6..8a0f417 100644
--- a/style.css
+++ b/style.css
@@ -454,6 +454,50 @@ socials and links
         text-decoration: underline;
     }
 }
+#listenbrainz {
+    background-color: color-mix(in srgb, var(--mauve) 25%, transparent);
+    p, a {
+        color: var(--text);
+        text-decoration: none;
+    }
+    p:hover, a:hover {
+        color: var(--mauve);
+        text-decoration: underline;
+    }
+}
+#lastfm {
+    background-color: color-mix(in srgb, var(--red) 45%, transparent);
+    p, a {
+        color: var(--text);
+        text-decoration: none;
+    }
+    p:hover, a:hover {
+        color: var(--red);
+        text-decoration: underline;
+    }
+}
+#gitgay {
+    background-color: color-mix(in srgb, var(--red) 10%, transparent);
+    p, a {
+        color: var(--text);
+        text-decoration: none;
+    }
+    p:hover, a:hover {
+        color: var(--mauve);
+        text-decoration: underline;
+    }
+}
+#github {
+    background-color: color-mix(in srgb, var(--mauve) 50%, transparent);
+    p, a {
+        color: var(--text);
+        text-decoration: none;
+    }
+    p:hover, a:hover {
+        color: var(--mauve);
+        text-decoration: underline;
+    }
+}
 
 /*
 buttons
@@ -472,6 +516,13 @@ buttons
 footer/credits
 */
 footer {
+    .fediring a {
+        display: inline-grid;
+        font-size: 18px;
+        color: var(--green);
+        text-decoration: none;
+        margin-bottom: .5em;
+    }
     p, a {
         text-align: center;
         font-size: 16px;