From ce9778245d5716fa465601be76231322851c4ee5 Mon Sep 17 00:00:00 2001
From: Koala <6156589+Shik3i@users.noreply.github.com>
Date: Sun, 31 May 2026 00:16:18 +0200
Subject: [PATCH] feat(website): add Mastodon profile link (rel=me) to all page
 footers

---
 website/datenschutz.html | 6 +++++-
 website/impressum.html   | 6 +++++-
 website/index.html       | 6 +++++-
 website/join.html        | 6 +++++-
 4 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/website/datenschutz.html b/website/datenschutz.html
index da2eee5..0dc179f 100644
--- a/website/datenschutz.html
+++ b/website/datenschutz.html
@@ -186,9 +186,13 @@
             <p>&copy; 2026 KoalaSync. Open source under the MIT License.</p>
             <p lang="de" style="font-size: 0.8rem; margin-top: 0.5rem;">Keine Daten werden auf unseren Servern gespeichert. Reines RAM-basiertes Relay.</p>
             <p lang="en" style="font-size: 0.8rem; margin-top: 0.5rem;">No data is stored on our servers. Pure RAM-based relay.</p>
-            <div style="margin-top: 1.5rem; font-size: 0.8rem; display: flex; justify-content: center; gap: 1.5rem;">
+            <div style="margin-top: 1.5rem; font-size: 0.8rem; display: flex; justify-content: center; align-items: center; gap: 1.5rem; flex-wrap: wrap;">
                 <a href="impressum.html" style="color: var(--text-muted); text-decoration: none;"><span lang="de">Impressum</span><span lang="en">Legal Notice</span></a>
                 <a href="datenschutz.html" style="color: var(--text-muted); text-decoration: none;"><span lang="de">Datenschutz</span><span lang="en">Privacy Policy</span></a>
+                <a href="https://mastodon.social/@koalastuff" rel="me" target="_blank" style="color: var(--text-muted); text-decoration: none; display: inline-flex; align-items: center; gap: 4px;">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="14" height="14" aria-hidden="true" style="display: block;"><path d="M23.268 5.313c-.35-2.578-2.617-4.277-4.93-4.986-1.754-.542-4.007-.598-6.338-.605-2.33.007-4.583.063-6.338.605-2.313.709-4.58 2.408-4.93 4.986-.366 2.684-.424 5.864-.283 8.912.001.314.008.628.02.942.094 3.736.914 7.426 5.502 8.701 1.399.39 2.834.563 4.264.595 1.552.036 3.066-.15 4.544-.582 1.077-.317 2.04-.76 2.985-1.198.365-.17.728-.344 1.059-.541.266-.16.293-.465.134-.715l-1.48-2.221c-.165-.247-.478-.33-.753-.22-1.18.48-2.425.913-3.771 1.024-1.756.145-3.2-.307-3.89-1.493a.17.17 0 0 1-.016-.032l-.016.032a6.021 6.021 0 0 1-.612-1.761c.052-.008.104-.016.156-.022.313-.956 1.441-1.424 2.791-1.662 1.563-.276 3.346-.443 4.964-.52 2.126-.1 4.031-.767 5.452-2.105 1.356-1.278 2.163-3.153 2.346-5.932.033-.5.034-.99.034-.99s.005-.016.002-.024c.148-2.709-.078-5.438-.402-7.45Zm-4.048 5.202h-2.428v4.964c0 1.158-1.307 1.904-2.608 1.904-1.144 0-2.006-.696-2.194-1.99-.017-.117-.082-1.41-.082-4.878H5.565c0 .898-.011 1.83-.011 2.802 0 4.137.575 5.453 2.306 6.83 1.93 1.534 5.166 1.5 7.148.403l-.224-.932.224.932c.693-.397 1.413-.927 1.963-1.578 1.268-1.502 1.547-3.722 1.547-7.029V10.515Z"/></svg>
+                    Mastodon
+                </a>
             </div>
         </div>
     </footer>
diff --git a/website/impressum.html b/website/impressum.html
index abc858c..1db943f 100644
--- a/website/impressum.html
+++ b/website/impressum.html
@@ -140,9 +140,13 @@
             <p>&copy; 2026 KoalaSync. Open source under the MIT License.</p>
             <p lang="de" style="font-size: 0.8rem; margin-top: 0.5rem;">Keine Daten werden auf unseren Servern gespeichert. Reines RAM-basiertes Relay.</p>
             <p lang="en" style="font-size: 0.8rem; margin-top: 0.5rem;">No data is stored on our servers. Pure RAM-based relay.</p>
-            <div style="margin-top: 1.5rem; font-size: 0.8rem; display: flex; justify-content: center; gap: 1.5rem;">
+            <div style="margin-top: 1.5rem; font-size: 0.8rem; display: flex; justify-content: center; align-items: center; gap: 1.5rem; flex-wrap: wrap;">
                 <a href="impressum.html" style="color: var(--text-muted); text-decoration: none;"><span lang="de">Impressum</span><span lang="en">Legal Notice</span></a>
                 <a href="datenschutz.html" style="color: var(--text-muted); text-decoration: none;"><span lang="de">Datenschutz</span><span lang="en">Privacy Policy</span></a>
+                <a href="https://mastodon.social/@koalastuff" rel="me" target="_blank" style="color: var(--text-muted); text-decoration: none; display: inline-flex; align-items: center; gap: 4px;">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="14" height="14" aria-hidden="true" style="display: block;"><path d="M23.268 5.313c-.35-2.578-2.617-4.277-4.93-4.986-1.754-.542-4.007-.598-6.338-.605-2.33.007-4.583.063-6.338.605-2.313.709-4.58 2.408-4.93 4.986-.366 2.684-.424 5.864-.283 8.912.001.314.008.628.02.942.094 3.736.914 7.426 5.502 8.701 1.399.39 2.834.563 4.264.595 1.552.036 3.066-.15 4.544-.582 1.077-.317 2.04-.76 2.985-1.198.365-.17.728-.344 1.059-.541.266-.16.293-.465.134-.715l-1.48-2.221c-.165-.247-.478-.33-.753-.22-1.18.48-2.425.913-3.771 1.024-1.756.145-3.2-.307-3.89-1.493a.17.17 0 0 1-.016-.032l-.016.032a6.021 6.021 0 0 1-.612-1.761c.052-.008.104-.016.156-.022.313-.956 1.441-1.424 2.791-1.662 1.563-.276 3.346-.443 4.964-.52 2.126-.1 4.031-.767 5.452-2.105 1.356-1.278 2.163-3.153 2.346-5.932.033-.5.034-.99.034-.99s.005-.016.002-.024c.148-2.709-.078-5.438-.402-7.45Zm-4.048 5.202h-2.428v4.964c0 1.158-1.307 1.904-2.608 1.904-1.144 0-2.006-.696-2.194-1.99-.017-.117-.082-1.41-.082-4.878H5.565c0 .898-.011 1.83-.011 2.802 0 4.137.575 5.453 2.306 6.83 1.93 1.534 5.166 1.5 7.148.403l-.224-.932.224.932c.693-.397 1.413-.927 1.963-1.578 1.268-1.502 1.547-3.722 1.547-7.029V10.515Z"/></svg>
+                    Mastodon
+                </a>
             </div>
         </div>
     </footer>
diff --git a/website/index.html b/website/index.html
index a72bfc2..66f225f 100644
--- a/website/index.html
+++ b/website/index.html
@@ -1020,9 +1020,13 @@
             <p>&copy; 2026 KoalaSync. Open source under the MIT License.</p>
             <p lang="en" style="font-size: 0.8rem; margin-top: 0.5rem;">No data is stored on our servers. Pure RAM-based relay.</p>
             <p lang="de" style="font-size: 0.8rem; margin-top: 0.5rem;">Keine Daten werden auf unseren Servern gespeichert. Reines RAM-basiertes Relay.</p>
-            <div style="margin-top: 1.5rem; font-size: 0.8rem; display: flex; justify-content: center; gap: 1.5rem;">
+            <div style="margin-top: 1.5rem; font-size: 0.8rem; display: flex; justify-content: center; align-items: center; gap: 1.5rem; flex-wrap: wrap;">
                 <a href="impressum.html" style="color: var(--text-muted); text-decoration: none;"><span lang="en">Legal Notice</span><span lang="de">Impressum</span></a>
                 <a href="datenschutz.html" style="color: var(--text-muted); text-decoration: none;"><span lang="en">Privacy Policy</span><span lang="de">Datenschutz</span></a>
+                <a href="https://mastodon.social/@koalastuff" rel="me" target="_blank" style="color: var(--text-muted); text-decoration: none; display: inline-flex; align-items: center; gap: 4px;">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="14" height="14" aria-hidden="true" style="display: block;"><path d="M23.268 5.313c-.35-2.578-2.617-4.277-4.93-4.986-1.754-.542-4.007-.598-6.338-.605-2.33.007-4.583.063-6.338.605-2.313.709-4.58 2.408-4.93 4.986-.366 2.684-.424 5.864-.283 8.912.001.314.008.628.02.942.094 3.736.914 7.426 5.502 8.701 1.399.39 2.834.563 4.264.595 1.552.036 3.066-.15 4.544-.582 1.077-.317 2.04-.76 2.985-1.198.365-.17.728-.344 1.059-.541.266-.16.293-.465.134-.715l-1.48-2.221c-.165-.247-.478-.33-.753-.22-1.18.48-2.425.913-3.771 1.024-1.756.145-3.2-.307-3.89-1.493a.17.17 0 0 1-.016-.032l-.016.032a6.021 6.021 0 0 1-.612-1.761c.052-.008.104-.016.156-.022.313-.956 1.441-1.424 2.791-1.662 1.563-.276 3.346-.443 4.964-.52 2.126-.1 4.031-.767 5.452-2.105 1.356-1.278 2.163-3.153 2.346-5.932.033-.5.034-.99.034-.99s.005-.016.002-.024c.148-2.709-.078-5.438-.402-7.45Zm-4.048 5.202h-2.428v4.964c0 1.158-1.307 1.904-2.608 1.904-1.144 0-2.006-.696-2.194-1.99-.017-.117-.082-1.41-.082-4.878H5.565c0 .898-.011 1.83-.011 2.802 0 4.137.575 5.453 2.306 6.83 1.93 1.534 5.166 1.5 7.148.403l-.224-.932.224.932c.693-.397 1.413-.927 1.963-1.578 1.268-1.502 1.547-3.722 1.547-7.029V10.515Z"/></svg>
+                    Mastodon
+                </a>
             </div>
         </div>
     </footer>
diff --git a/website/join.html b/website/join.html
index dc3d164..c9ba782 100644
--- a/website/join.html
+++ b/website/join.html
@@ -85,9 +85,13 @@
             <p>&copy; 2026 KoalaSync. Open source under the MIT License.</p>
             <p lang="en" style="font-size: 0.8rem; margin-top: 0.5rem;">No data is stored on our servers. Pure RAM-based relay.</p>
             <p lang="de" style="font-size: 0.8rem; margin-top: 0.5rem;">Keine Daten werden auf unseren Servern gespeichert. Reines RAM-basiertes Relay.</p>
-            <div style="margin-top: 1.5rem; font-size: 0.8rem; display: flex; justify-content: center; gap: 1.5rem;">
+            <div style="margin-top: 1.5rem; font-size: 0.8rem; display: flex; justify-content: center; align-items: center; gap: 1.5rem; flex-wrap: wrap;">
                 <a href="impressum.html" style="color: var(--text-muted); text-decoration: none;"><span lang="en">Legal Notice</span><span lang="de">Impressum</span></a>
                 <a href="datenschutz.html" style="color: var(--text-muted); text-decoration: none;"><span lang="en">Privacy Policy</span><span lang="de">Datenschutz</span></a>
+                <a href="https://mastodon.social/@koalastuff" rel="me" target="_blank" style="color: var(--text-muted); text-decoration: none; display: inline-flex; align-items: center; gap: 4px;">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="14" height="14" aria-hidden="true" style="display: block;"><path d="M23.268 5.313c-.35-2.578-2.617-4.277-4.93-4.986-1.754-.542-4.007-.598-6.338-.605-2.33.007-4.583.063-6.338.605-2.313.709-4.58 2.408-4.93 4.986-.366 2.684-.424 5.864-.283 8.912.001.314.008.628.02.942.094 3.736.914 7.426 5.502 8.701 1.399.39 2.834.563 4.264.595 1.552.036 3.066-.15 4.544-.582 1.077-.317 2.04-.76 2.985-1.198.365-.17.728-.344 1.059-.541.266-.16.293-.465.134-.715l-1.48-2.221c-.165-.247-.478-.33-.753-.22-1.18.48-2.425.913-3.771 1.024-1.756.145-3.2-.307-3.89-1.493a.17.17 0 0 1-.016-.032l-.016.032a6.021 6.021 0 0 1-.612-1.761c.052-.008.104-.016.156-.022.313-.956 1.441-1.424 2.791-1.662 1.563-.276 3.346-.443 4.964-.52 2.126-.1 4.031-.767 5.452-2.105 1.356-1.278 2.163-3.153 2.346-5.932.033-.5.034-.99.034-.99s.005-.016.002-.024c.148-2.709-.078-5.438-.402-7.45Zm-4.048 5.202h-2.428v4.964c0 1.158-1.307 1.904-2.608 1.904-1.144 0-2.006-.696-2.194-1.99-.017-.117-.082-1.41-.082-4.878H5.565c0 .898-.011 1.83-.011 2.802 0 4.137.575 5.453 2.306 6.83 1.93 1.534 5.166 1.5 7.148.403l-.224-.932.224.932c.693-.397 1.413-.927 1.963-1.578 1.268-1.502 1.547-3.722 1.547-7.029V10.515Z"/></svg>
+                    Mastodon
+                </a>
             </div>
         </div>
     </footer>