From c9a504cc689eef3a07825933ccfc6a3cb6b89057 Mon Sep 17 00:00:00 2001
From: Ruben <60184397+sneexy-boi@users.noreply.github.com>
Date: Tue, 2 Jan 2024 20:28:43 -0600
Subject: [PATCH] rename socials card

---
 index.html | 26 +++++++++++++-------------
 style.css  | 10 +++++-----
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/index.html b/index.html
index 265394c..00be551 100644
--- a/index.html
+++ b/index.html
@@ -38,7 +38,7 @@
     <div class="pixel-corners">
         <header class="navbar">
             <nav>
-                <small class="nav"> <a href="#about-me">~/about-me</a> <span class="arrow">→</span> <a href="#links">~/links</a> <span class="arrow">→</span> <a href="#fun-facts">~/fun-facts</a> <span class="arrow">→</span> <a href="#user-reviews">~/user-reviews</a> <span class="arrow">→</span> <a href="#buttons">~/buttons</a></small>
+                <small class="nav"> <a href="#about-me">~/about-me</a> <span class="arrow">→</span> <a href="#socials">~/socials</a> <span class="arrow">→</span> <a href="#fun-facts">~/fun-facts</a> <span class="arrow">→</span> <a href="#user-reviews">~/user-reviews</a> <span class="arrow">→</span> <a href="#buttons">~/buttons</a></small>
                 <p><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></p>
             </nav>
         </header>
@@ -59,9 +59,9 @@
     </div>
 
     <div class="pixel-corners">
-        <article id="links" class="links">
-            <h1><span class="anchors"><a href="#links">~/links</a></span></h1>
-            <p>my socials, feel free to get in touch with me using these <span class="dot">●</span> you can find extra info by clicking their icons!</p>
+        <article id="socials" class="socials">
+            <h1><span class="anchors"><a href="#socials">~/socials</a></span></h1>
+            <p>my links, contacts, etc <span class="dot">●</span> feel free to get in touch with me using these <span class="dot">●</span> you can find extra info by clicking their icons!</p>
 
             <main class="fedi">
                 <section class="firefish">
@@ -95,21 +95,21 @@
 
                 <span class="dot">●</span>
 
-                <section class="matrix">
-                    <a href="https://matrix.org" target="_blank">
-                        <img class="matrix-icon" src="/assets/socials/matrix.png" alt="Matrix"/>
-                    </a>
-                    <p><a href="https://matrix.to/#/@sneexy:tchncs.de" target="_blank">:@sneexy</a></p>
-                </section>
-
-                <span class="dot">●</span>
-
                 <section class="xmpp">
                     <a href="https://xmpp.org" target="_blank">
                         <img class="xmpp-icon" src="/assets/socials/xmpp.png" alt="XMPP"/>
                     </a>
                     <p><a href="xmpp:sneexy@trashserver.net" target="_blank">sneexy</a></p>
                 </section>
+
+                <span class="dot">●</span>
+
+                <section class="matrix">
+                    <a href="https://matrix.org" target="_blank">
+                        <img class="matrix-icon" src="/assets/socials/matrix.png" alt="Matrix"/>
+                    </a>
+                    <p><a href="https://matrix.to/#/@sneexy:tchncs.de" target="_blank">@sneexy</a></p>
+                </section>
             </main>
 
             <span class="separator">
diff --git a/style.css b/style.css
index 1ecf912..d49b9f0 100644
--- a/style.css
+++ b/style.css
@@ -365,7 +365,7 @@ nav > p {
     text-decoration: underline;
 }
 
-.links > .fedi > .dot, .links > .messaging > .dot, .links > .platforms > .dot, .links > .misc > .dot {
+.socials > .fedi > .dot, .socials > .messaging > .dot, .socials > .platforms > .dot, .socials > .misc > .dot {
     color: var(--accent-1);
     text-shadow: 0px 0px 8px var(--accent-1);
     margin-top: 22px;
@@ -392,14 +392,14 @@ footer > .dot {
     color: var(--bg-t);
 }
 
-.intro-box, .navbar, .about-me, .links, .fun-facts, .user-reviews, .buttons {
+.intro-box, .navbar, .about-me, .socials, .fun-facts, .user-reviews, .buttons {
     position: relative;
     display: flex;
     padding: 30px;
     background-color: var(--bg);
 }
 
-.intro-text, .navbar, .about-me, .links, .fun-facts, .user-reviews, .buttons {
+.intro-text, .navbar, .about-me, .socials, .fun-facts, .user-reviews, .buttons {
     flex-direction: column;
 }
 
@@ -948,7 +948,7 @@ footer > .dot {
         text-shadow: 0px 0px 14px var(--accent-1);
     }
     
-    .links > .fedi > .dot, .links > .messaging > .dot, .links > .platforms > .dot, .links > .misc > .dot {
+    .socials > .fedi > .dot, .socials > .messaging > .dot, .socials > .platforms > .dot, .socials > .misc > .dot {
         color: var(--accent-1);
         text-shadow: 0px 0px 8px var(--accent-1);
     }
@@ -957,7 +957,7 @@ footer > .dot {
         color: var(--bg-t);
     }
     
-    .intro-box, .navbar, .about-me, .links, .fun-facts, .user-reviews, .buttons {
+    .intro-box, .navbar, .about-me, .socials, .fun-facts, .user-reviews, .buttons {
         background-color: var(--bg);
     }