From 22a3afb8bcfe58b11eea17c1d35b6edd25d73a9c Mon Sep 17 00:00:00 2001
From: dalfuss <login@dalfuss.net>
Date: Sat, 15 Feb 2025 20:29:26 +0100
Subject: [PATCH] added 'Stream Notifications' area + added anchor links

---
 assets/css/sites.css |  5 +++++
 index.html           | 49 ++++++++++++++++++++++++++++++++++++--------
 2 files changed, 45 insertions(+), 9 deletions(-)

diff --git a/assets/css/sites.css b/assets/css/sites.css
index 0b8c6e3..f65d6f3 100644
--- a/assets/css/sites.css
+++ b/assets/css/sites.css
@@ -1396,4 +1396,9 @@ List is not yet complete.
 .tiktok {
     background-color: #f2f5f4;
     color: #222222;
+}
+
+.bluesky {
+    background-color: #0085FF;
+    color: #f2f5f4;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index f4896ef..8ba2de8 100644
--- a/index.html
+++ b/index.html
@@ -53,9 +53,11 @@
                         <span class="item-title text-center">dalfuss.net</span>
                     </a>
                 </div>
-                <h2 class="separator" title="Social Media / About Me">
-                    Social Media / About Me
-                </h2>
+                <a id="socials">
+                    <h2 class="separator" title="Social Media / About Me">
+                        Social Media / About Me
+                    </h2>
+                </a>
                 <div class="mt-24">
                     <div class="page-item-wrap relative mastodon">
                         <div class="page-item flex-both-center absolute mastodon"></div>
@@ -113,9 +115,36 @@
                             <span class="item-title text-center">Pronouns.page</span>
                         </a>
                     </div>   
-                    <h2 class="separator" title="Projects">
-                        Projects
-                    </h2>
+                    <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://dalfuss.live" 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://www.twitch.tv/dalfuss/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>                    
+                    <a id="projects">
+                        <h2 class="separator" title="Projects">
+                            Projects
+                        </h2>
+                    </a>
                     <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 git" href="https://git.dalfuss.cloud/dalfuss" data-id="261685" data-type="page_item">
@@ -144,9 +173,11 @@
                             <span class="item-title text-center">OC Site</span>
                         </a>
                     </div>
-                    <h2 class="separator" title="Projects">
-                        Contact
-                    </h2>
+                    <a id="contact">
+                        <h2 class="separator" title="Contact">
+                            Contact
+                        </h2>
+                    </a>
                     <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 matrix-org" href="https://matrix.to/#/@dalfuss:catgirl.cloud" data-id="261685" data-type="page_item">