From c0d6e19bb7bfa2ec0c0535e598eede02e0711508 Mon Sep 17 00:00:00 2001
From: dalfuss <login@dalfuss.net>
Date: Thu, 15 May 2025 15:32:17 +0200
Subject: [PATCH] changed layout, colours, names and info

---
 assets/css/sites.css | 17 ++++++++--------
 index.html           | 46 +++++++++++---------------------------------
 2 files changed, 19 insertions(+), 44 deletions(-)

diff --git a/assets/css/sites.css b/assets/css/sites.css
index b51fbbf..0016355 100644
--- a/assets/css/sites.css
+++ b/assets/css/sites.css
@@ -1368,31 +1368,30 @@ List is not yet complete.
     color: #f2f5f4;
 }
 
-.elftwinks {
+.dalfuss-net {
     background-color: #5BCEFA;
     color: #222222;
 }
 
-.colours {
+.elftwinks {
     background-color: #f5a9b8;
     color: #222222;
 }
 
-.oc {
+.colours {
     background-color: #f2f5f4;
     color: #222222;
 }
 
+.oc {
+    background-color: #f5a9b8;
+    color: #222222;
+}
+
 .Dave {
     background-color: #f5a9b8;
     color: #222222;
 }
-
-.dalfuss-net {
-    background-color: #f2f5f4;
-    color: #222222;
-}
-
 .tiktok {
     background-color: #f2f5f4;
     color: #222222;
diff --git a/index.html b/index.html
index a68582a..384edfd 100644
--- a/index.html
+++ b/index.html
@@ -25,7 +25,7 @@
             <div class="mt-48 page-full-wrap relative ">
                 <input type="hidden" value="creator-page" id="page-type">
                 <img class="display-image m-auto" data-src="assets/images/profilepicture.webp" src="assets/images/profilepicture.webp" alt="A digital drawing of a person (me) with long wavy hair, transitioning from blonde to pink. They have blue eyes, glasses, a beard, piercings in the nose and lip, and earrings. They are smiling slightly and wearing a black top."/>
-                <h2 class="page-title page-text-color page-text-font mt-16 text-center">Sam Dalfuss</h2>
+                <h2 class="page-title page-text-color page-text-font mt-16 text-center">Sam :3</h2>
                 <p class="description">
                     <script>
                        var dob = new Date("08/21/1998");
@@ -44,15 +44,9 @@
                        //display the calculated age
                        document.write(age);
                       </script>
-                      | they/them/dey/er | Heidelberg | Streamer | Gamer | "Musician" <br>
+                      | they/them/dey/er/sie | Heidelberg | Streamer | Gamer | "Musician" <br>
                       <img class="flag" src="./assets/images/pansexual.svg" /> <img class="flag" src="./assets/images/enby.svg" /> <img class="flag" src="./assets/images/trans.svg" /> <img class="flag" src="./assets/images/prog.svg" />
                  </p>
-                 <div class="page-item-wrap relative dalfuss-net">
-                    <div class="page-item flex-both-center absolute dalfuss-net"></div>
-                    <a target="_blank"  class="page-item-each py-10 flex-both-center dalfuss-net" href="https://dalfuss.net" data-id="261652" data-type="page_item">
-                        <span class="item-title text-center">dalfuss.net</span>
-                    </a>
-                </div>
                 <a id="socials">
                     <h2 class="separator" title="Social Media / About Me">
                         Social Media / About Me
@@ -114,32 +108,7 @@
                             <svg class="link-each-image" fill="currentColor" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 650 650"><path d="M396.52 174.35c1.35-2.4.21-4.35-2.54-4.35l-48.2.03c-2.75 0-6.15 1.94-7.54 4.31l-118.1 199.77c-16.48 27.15-39.48 33.15-61.58 30.47-37.94-4.6-58.34-32.45-58.34-69.54 0-37.25 30.31-67.56 67.56-67.56h75c2.75 0 6.12-1.95 7.48-4.34l27.03-47.2c1.37-2.39.23-4.34-2.52-4.34h-107c-68.06 0-123.44 55.37-123.44 123.44 0 32.89 12.85 68.36 36.22 91.54 23.03 22.84 53.8 31.21 86.64 31.89 18.54.21 69.46-.21 93.33-42.68 26.73-47.57 136-241.44 136-241.44zM571.94 244.44c-23.03-22.84-53.8-31.21-86.64-31.89-18.54-.21-69.46.21-93.33 42.68-26.72 47.55-136 241.42-136 241.42-1.35 2.4-.21 4.35 2.54 4.35l48.2-.03c2.75 0 6.15-1.94 7.54-4.31l118.1-199.77c16.48-27.15 39.48-33.15 61.58-30.47 37.94 4.6 58.34 32.45 58.34 69.54 0 37.25-30.31 67.56-67.56 67.56h-75c-2.75 0-6.12 1.95-7.48 4.34l-27.03 47.2c-1.37 2.39-.23 4.34 2.52 4.34h107c68.06 0 123.44-55.37 123.44-123.44 0-32.87-12.85-68.34-36.22-91.52z"/></svg>
                             <span class="item-title text-center">Pronouns.page</span>
                         </a>
-                    </div>   
-                    <a id="stream">
-                        <h2 class="separator" title="Stream Notifications">
-                            Stream Notifications
-                        </h2>
-                    </a>
-                        <div class="page-item-wrap relative mastodon">
-                            <div class="page-item flex-both-center absolute mastodon"></div>
-                            <a target="_blank" rel="me" class="page-item-each py-10 flex-both-center mastodon" href="https://dalfuss24.de/@live" data-id="261652" data-type="page_item">
-                                <svg class="link-each-image" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M433 179.1c0-97.2-63.7-125.7-63.7-125.7-62.5-28.7-228.6-28.4-290.5 0 0 0-63.7 28.5-63.7 125.7 0 115.7-6.6 259.4 105.6 289.1 40.5 10.7 75.3 13 103.3 11.4 50.8-2.8 79.3-18.1 79.3-18.1l-1.7-36.9s-36.3 11.4-77.1 10.1c-40.4-1.4-83-4.4-89.6-54a102.5 102.5 0 0 1 -.9-13.9c85.6 20.9 158.7 9.1 178.8 6.7 56.1-6.7 105-41.3 111.2-72.9 9.8-49.8 9-121.5 9-121.5zm-75.1 125.2h-46.6v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.3V197c0-58.5-64-56.6-64-6.9v114.2H90.2c0-122.1-5.2-147.9 18.4-175 25.9-28.9 79.8-30.8 103.8 6.1l11.6 19.5 11.6-19.5c24.1-37.1 78.1-34.8 103.8-6.1 23.7 27.3 18.4 53 18.4 175z"/></svg>
-                                <span class="item-title text-center">Mastodon/Fediverse</span>
-                            </a>
-                        </div>        
-                        <div class="page-item-wrap relative">
-                            <div class="page-item flex-both-center absolute"></div>
-                            <a target="_blank"  class="page-item-each py-10 flex-both-center bluesky" href="https://jaxoff.tv/bsky" data-id="261685" data-type="page_item">
-                                <svg class="link-each-image" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z"/></svg>                                <span class="item-title text-center">Bluesky</span>
-                            </a>
-                        </div>    
-                        <div class="page-item-wrap relative">
-                            <div class="page-item flex-both-center absolute"></div>
-                            <a target="_blank"  class="page-item-each py-10 flex-both-center twitch" href="https://jaxoff.tv/schedule" data-id="261685" data-type="page_item">
-                                <svg class="link-each-image" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M391.2 103.5H352.5v109.7h38.6zM285 103H246.4V212.8H285zM120.8 0 24.3 91.4V420.6H140.1V512l96.5-91.4h77.3L487.7 256V0zM449.1 237.8l-77.2 73.1H294.6l-67.6 64v-64H140.1V36.6H449.1z"/></svg>
-                                <span class="item-title text-center">Twitch Schedule</span>
-                            </a>
-                        </div>                    
+                    </div>                      
                     <a id="projects">
                         <h2 class="separator" title="Projects">
                             Projects
@@ -152,6 +121,13 @@
                             <span class="item-title text-center">Git</span>
                         </a>
                     </div>
+                    <div class="page-item-wrap relative dalfuss-net">
+                        <div class="page-item flex-both-center absolute dalfuss-net"></div>
+                        <a target="_blank"  class="page-item-each py-10 flex-both-center dalfuss-net" href="https://dalfuss.net" data-id="261652" data-type="page_item">
+                            <svg class="link-each-image" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"/></svg>
+                            <span class="item-title text-center">dalfuss.net</span>
+                        </a>
+                    </div>
                     <div class="page-item-wrap relative">
                         <div class="page-item flex-both-center absolute"></div>
                         <a target="_blank"  class="page-item-each py-10 flex-both-center elftwinks" href="https://elftwinks.gay" data-id="261685" data-type="page_item">
@@ -188,7 +164,7 @@
             </div>
         </div>
         <footer class="source" aria-label="Footer information">
-            <p>&copy; Sam Dalfuss
+            <p>&copy; Sam :3
                 <script>document.write(new Date().getFullYear())</script>
             </p>
          </footer>