diff --git a/assets/services/discord.png b/assets/services/discord.png
new file mode 100644
index 0000000..fe46794
Binary files /dev/null and b/assets/services/discord.png differ
diff --git a/assets/services/leapet.png b/assets/services/leapet.png
new file mode 100644
index 0000000..33f0ba8
Binary files /dev/null and b/assets/services/leapet.png differ
diff --git a/assets/services/matrix.png b/assets/services/matrix.png
new file mode 100644
index 0000000..bd8aeac
Binary files /dev/null and b/assets/services/matrix.png differ
diff --git a/assets/services/revolt.png b/assets/services/revolt.png
new file mode 100644
index 0000000..ced472c
Binary files /dev/null and b/assets/services/revolt.png differ
diff --git a/assets/services/signal.png b/assets/services/signal.png
new file mode 100644
index 0000000..7eca2f0
Binary files /dev/null and b/assets/services/signal.png differ
diff --git a/assets/services/xmpp.png b/assets/services/xmpp.png
new file mode 100644
index 0000000..6ebc965
Binary files /dev/null and b/assets/services/xmpp.png differ
diff --git a/index.html b/index.html
index b372d66..5b5405d 100644
--- a/index.html
+++ b/index.html
@@ -57,6 +57,45 @@
     </article>
 </div>
 
+<!-- socials -->
+<div id="socials-and-contacts" class="terminal">
+    <div class="term-titlebar">
+        <img src="./assets/terminal.svg">
+        <p><a href="#socials-and-contacts">~/socials-and-contacts</a></p>
+        <div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
+    </div>
+    <article>
+        <h1><a href="#socials-and-contacts">socials n' contacts</a></h1>
+        <p>you can find or contact me in these places i'm usually available and active on. <span style="color: var(--peach);">i <i>suck</i> at direct messages, if you try to contact me and i don't know you then chances are you'll get a response within the next 3028 years.</span></p>
+        <div class="socials-contacts-list">
+            <span class="social-container" id="fedi">
+                <a href="https://lea.pet" target="_blank"><img src="./assets/services/leapet.png" alt="Lea's Dungeon (Sharkey/Fediverse)" title="Lea's Dungeon (Sharkey/Fediverse)"></a>
+                <a href="https://lea.pet/@sneexy" target="_blank">@sneexy@lea.pet <small>(Fediverse)</small></a>
+            </span>
+            <span class="social-container" id="signal">
+                <a href="https://signal.org" target="_blank"><img src="./assets/services/signal.png" alt="Signal" title="Signal"></a>
+                <a href="https://signal.me/#eu/Ir_2xGMSoRqTs1BirNKBrL-fW0xsy5EAbuyBoFXO7nL1eTw22PBPlaN6_a6pwegK" target="_blank">Sneexy.66</a>
+            </span>
+            <span class="social-container" id="revolt">
+                <a href="https://revolt.chat" target="_blank"><img src="./assets/services/revolt.png" alt="Revolt" title="Revolt"></a>
+                <a href="https://revolt.chat" target="_blank">Sneexy#3963</a>
+            </span>
+            <span class="social-container" id="discord">
+                <a href="https://discord.com" target="_blank"><img src="./assets/services/discord.png" alt="Discord" title="Discord"></a>
+                <a href="<https://discord.com/users/984235958742425600>" target="_blank">ffmpeg_6.1.1.tar.xz</a>
+            </span>
+            <span class="social-container" id="xmpp">
+                <a href="https://xmpp.org" target="_blank"><img src="./assets/services/xmpp.png" alt="XMPP" title="XMPP"></a>
+                <a href="xmpp:sneexy@trashserver.net" target="_blank">sneexy@trashserver.net</a>
+            </span>
+            <span class="social-container" id="matrix">
+                <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>
+        </div>
+    </article>
+</div>
+
 <!-- "fun" facts -->
 <div id="fun-facts" class="terminal">
     <div class="term-titlebar">
diff --git a/style.css b/style.css
index c326537..0396df6 100644
--- a/style.css
+++ b/style.css
@@ -353,6 +353,108 @@ about me section/terminal
     text-align: center;
 }
 
+/*
+socials and links
+*/
+.socials-contacts-list {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    margin-bottom: .5em;
+}
+.social-container {
+    display: inline-flex;
+    align-items: center;
+    margin: .3em;
+    padding: .2em;
+    border-radius: 1em;
+    background-color: var(--crust);
+    p, a, small {
+        padding-left: 1mm;
+        padding-right: 1mm;
+        margin-top: .8mm;
+        margin-bottom: .8mm;
+    }
+    img {
+        width: 26px;
+        height: 26px;
+        padding-left: 1mm;
+        padding-right: 1mm;
+        margin-top: .8mm;
+        margin-bottom: .8mm;
+        display: flex;
+    }
+}
+#fedi {
+    background-color: color-mix(in srgb, var(--peach) 25%, transparent);
+    p, a, small {
+        color: var(--text);
+        text-decoration: none;
+    }
+    p:hover, a:hover {
+        color: var(--peach);
+        text-decoration: underline;
+        small {
+            color: var(--peach) !important;
+            text-decoration: underline;
+        }
+    }
+}
+#signal {
+    background-color: color-mix(in srgb, var(--sapphire) 25%, transparent);
+    p, a {
+        color: var(--text);
+        text-decoration: none;
+    }
+    p:hover, a:hover {
+        color: var(--sapphire);
+        text-decoration: underline;
+    }
+}
+#revolt {
+    background-color: color-mix(in srgb, var(--red) 25%, transparent);
+    p, a {
+        color: var(--text);
+        text-decoration: none;
+    }
+    p:hover, a:hover {
+        color: var(--red);
+        text-decoration: underline;
+    }
+}
+#discord {
+    background-color: color-mix(in srgb, var(--blue) 25%, transparent);
+    p, a {
+        color: var(--text);
+        text-decoration: none;
+    }
+    p:hover, a:hover {
+        color: var(--blue);
+        text-decoration: underline;
+    }
+}
+#xmpp {
+    background-color: color-mix(in srgb, var(--green) 25%, transparent);
+    p, a {
+        color: var(--text);
+        text-decoration: none;
+    }
+    p:hover, a:hover {
+        color: var(--green);
+        text-decoration: underline;
+    }
+}
+#matrix {
+    background-color: color-mix(in srgb, var(--flamingo) 25%, transparent);
+    p, a {
+        color: var(--text);
+        text-decoration: none;
+    }
+    p:hover, a:hover {
+        color: var(--flamingo);
+        text-decoration: underline;
+    }
+}
+
 /*
 buttons
 */
@@ -410,4 +512,7 @@ modify widths and spacing depending on the size of the display
         margin-bottom: 0.7em;
         padding: 10px 16px;
     }
+    .socials-contacts-list {
+        grid-template-columns: repeat(1, 1fr);
+    }
 }
\ No newline at end of file