From 4dde581f595d7a02e8492826a99aa6ce0d611893 Mon Sep 17 00:00:00 2001
From: dalfuss <login@dalfuss.net>
Date: Thu, 26 Dec 2024 21:46:25 +0100
Subject: [PATCH] changes layout, renamed projects, addec contact catergory

---
 css/sites.css |  2 +-
 index.html    | 36 +++++++++++++++++++++++++++---------
 2 files changed, 28 insertions(+), 10 deletions(-)

diff --git a/css/sites.css b/css/sites.css
index b3b9861..7f81776 100644
--- a/css/sites.css
+++ b/css/sites.css
@@ -719,7 +719,7 @@ List is not yet complete.
 }
 
 .matrix-org {
-    background-color: ;
+    background-color: #0DBD8B;
     color: ;
 }
 
diff --git a/index.html b/index.html
index 1b6f5c2..35bba48 100644
--- a/index.html
+++ b/index.html
@@ -64,7 +64,8 @@
                //display the calculated age
                document.write(age);
               </script>
-              | they/them/dey/er | Heidelberg | Streamer | Gamer | Photographer | "Musician" <img class="flag" src="./images/pansexual.svg" /> <img class="flag" src="./images/enby.svg" /> <img class="flag" src="./images/trans.svg" /> <img class="flag" src="./images/prog.svg" />
+              | they/them/dey/er | Heidelberg | Streamer | Gamer | "Musician" <br>
+              <img class="flag" src="./images/pansexual.svg" /> <img class="flag" src="./images/enby.svg" /> <img class="flag" src="./images/trans.svg" /> <img class="flag" src="./images/prog.svg" />
          </p>
          <div class="links link_item">
             <a class="link" href="https://dalfuss.net" target="_blank">
@@ -74,8 +75,8 @@
       </header>
       <main id="main" aria-label="Main content with links">
          <div class="link_container">
-            <h2 class="separator" title="Social Media">
-               Social Media
+            <h2 class="separator" title="Social Media / About Me">
+               Social Media / About Me
             </h2>
             <ul class="link_list" aria-label="Social Media Link List">
                <li class="link_item"><a class="link mastodon" rel="me" href="https://corteximplant.com/@dalfuss" target="_blank"><i class="fa-brands fa-mastodon" aria-hidden="true"></i>
@@ -110,22 +111,39 @@
                   Pronouns.page
                </a></li>
 
-               <li class="link_item"><a class="link git" href="https://git.cyberwa.re/dalfuss" target="_blank"><i class="fa-brands fa-git-alt" aria-hidden="true"></i>
-                  Git
-               </a></li>
             </ul>
          </div>
          <div class="link_container">
-            <h2 class="separator" title="Other Shtuff">
-               Other Shtuff
+            <h2 class="separator" title="Projects">
+               Projects
             </h2>
-            <ul class="link_list" aria-label="Other Shtuff Link List">
+            <ul class="link_list" aria-label="Project Link List">
+
+               <li class="link_item"><a class="link git" href="https://git.cyberwa.re/dalfuss" target="_blank"><i class="fa-brands fa-git-alt" aria-hidden="true"></i>
+                  Git
+               </a></li>
+
                <li class="link_item"><a class="link elftwinks" href="https://elftwinks.gay" target="_blank"><i class="fa fa-link" aria-hidden="true"></i>
                   ElfTwinks.Gay
                </a></li>
+
                <li class="link_item"><a class="link colours" href="https://colours.dalfuss.link" target="_blank"><i class="fa fa-link" aria-hidden="true"></i>
                   colours.dalfuss.link
                </a></li>
+
+            </ul>
+         </div>
+
+         <div class="link_container">
+            <h2 class="separator" title="Contact">
+               Contact
+            </h2>
+            <ul class="link_list" aria-label="Contact Link List">
+
+               <li class="link_item"><a class="link matrix-org" href="https://matrix.to/#/@dalfuss:catgirl.cloud" target="_blank">
+                  Matrix
+               </a></li>
+
             </ul>
          </div>
       </main>