diff --git a/assets/css/sites.css b/assets/css/sites.css
index 638e38e..47e1e63 100644
--- a/assets/css/sites.css
+++ b/assets/css/sites.css
@@ -1373,11 +1373,6 @@ List is not yet complete.
     color: #222222;
 }
 
-.colours {
-    background-color: #f5a9b8;
-    color: #222222;
-}
-
 .oc {
     background-color: #f2f5f4;
     color: #222222;
@@ -1409,11 +1404,48 @@ List is not yet complete.
 }
 
 .references {
-    background-color: #a8c5db;
+    background: linear-gradient(145deg, #f5a9b8 0%, #e4b1c1 25%, #d2b8ca 50%, #bebfd2 75%, #a8c5db 100%);
     color: #222222;
 }
 
 .credit {
-    background-color: #f5a9b8;
+    background: linear-gradient(160deg, #e8f4e8 0%, #d8ecd8 25%, #c8e4c8 50%, #b8dcb8 75%, #a8d4a8 100%);
     color: #222222;
+}
+
+.colours{
+    background: linear-gradient(135deg, #ffadad 0%, #ffd6a5 13%, #fdffb6 25%, #caffbf 38%, #9bf6ff 50%, #a0c4ff 63%, #bdb2ff 75%, #ffc6ff 100%);
+    color: #222222;
+}
+
+.daki {
+    color: #222222;
+    background: linear-gradient(220deg, #f8b4c4, #f0e6a8, #b8e8c8, #a8d8f0, #d4b8f0);
+    background-size: 1000% 1000%;
+
+    -webkit-animation: AnimationName 5s ease infinite;
+    -moz-animation: AnimationName 5s ease infinite;
+    -o-animation: AnimationName 5s ease infinite;
+    animation: AnimationName 5s ease infinite;
+}
+
+@-webkit-keyframes AnimationName {
+    0%{background-position:0% 50%}
+    50%{background-position:100% 51%}
+    100%{background-position:0% 50%}
+}
+@-moz-keyframes AnimationName {
+    0%{background-position:0% 50%}
+    50%{background-position:100% 51%}
+    100%{background-position:0% 50%}
+}
+@-o-keyframes AnimationName {
+    0%{background-position:0% 50%}
+    50%{background-position:100% 51%}
+    100%{background-position:0% 50%}
+}
+@keyframes AnimationName {
+    0%{background-position:0% 50%}
+    50%{background-position:100% 51%}
+    100%{background-position:0% 50%}
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index daa69de..039872d 100644
--- a/index.html
+++ b/index.html
@@ -59,8 +59,8 @@
                 </h1>
                 <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 credit"
-                        href="https://11tw.ink/daki" data-id="261685" data-type="page_item">
+                    <a target="_blank" class="page-item-each py-10 flex-both-center daki" href="https://11tw.ink/daki"
+                        data-id="261685" data-type="page_item">
                         <?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><svg
                             class="link-each-image" width="800px" height="800px" viewBox="0 0 128 128"
                             xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
@@ -86,9 +86,11 @@
                     </a>
                 </div>
             </a>
+
+
             <a id="socials">
                 <h1 class="separator" title="Social Media / About Me">
-                    Elflinks :3
+                    Socials
                 </h1>
             </a>
             <div class="page-item-wrap relative">
@@ -149,29 +151,6 @@
                     <span class="item-title text-center">Anilist</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 references"
-                    href="https://vsona.co/elftwink">
-                    <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="M512 256c0 .9 0 1.8 0 2.7c-.4 36.5-33.6 61.3-70.1 61.3L344 320c-26.5 0-48 21.5-48 48c0 3.4 .4 6.7 1 9.9c2.1 10.2 6.5 20 10.8 29.9c6.1 13.8 12.1 27.5 12.1 42c0 31.8-21.6 60.7-53.4 62c-3.5 .1-7 .2-10.6 .2C114.6 512 0 397.4 0 256S114.6 0 256 0S512 114.6 512 256zM128 288a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm0-96a32 32 0 1 0 0-64 32 32 0 1 0 0 64zM288 96a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm96 96a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" />
-                    </svg>
-                    <span class="item-title text-center">Design Reference</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 credit" href="https://credit.jaxoff.tv">
-                    <svg class="link-each-image" fill="currentcolor" xmlns="http://www.w3.org/2000/svg"
-                        viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
-                        <path
-                            d="M128 160C128 124.7 156.7 96 192 96L512 96C547.3 96 576 124.7 576 160L576 416C576 451.3 547.3 480 512 480L192 480C156.7 480 128 451.3 128 416L128 160zM56 192C69.3 192 80 202.7 80 216L80 512C80 520.8 87.2 528 96 528L456 528C469.3 528 480 538.7 480 552C480 565.3 469.3 576 456 576L96 576C60.7 576 32 547.3 32 512L32 216C32 202.7 42.7 192 56 192zM224 224C241.7 224 256 209.7 256 192C256 174.3 241.7 160 224 160C206.3 160 192 174.3 192 192C192 209.7 206.3 224 224 224zM420.5 235.5C416.1 228.4 408.4 224 400 224C391.6 224 383.9 228.4 379.5 235.5L323.2 327.6L298.7 297C294.1 291.3 287.3 288 280 288C272.7 288 265.8 291.3 261.3 297L197.3 377C191.5 384.2 190.4 394.1 194.4 402.4C198.4 410.7 206.8 416 216 416L488 416C496.7 416 504.7 411.3 508.9 403.7C513.1 396.1 513 386.9 508.4 379.4L420.4 235.4z" />
-                    </svg>
-                    <span class="item-title text-center">Artist Credit</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 instagram"
@@ -231,6 +210,46 @@
                     <span class="item-title text-center">Spotify Stream Playlist</span>
                 </a>
             </div>
+
+
+            <a id="refs">
+                <h1 class="separator" title="Referenzen">
+                    Referenzen
+                </h1>
+            </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 references" href="https://11tw.ink/ref">
+                    <svg class="link-each-image" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
+                        viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
+                        <path
+                            d="M512.5 74.3 291.1 222c-29.1 19.4-47.6 50.9-50.6 85.3 62.3 12.8 111.4 61.9 124.3 124.3 34.5-3 65.9-21.5 85.3-50.6l147.6-221.5c6.7-10.1 10.3-21.9 10.3-34.1 0-33.9-27.5-61.4-61.4-61.4-12.1 0-24 3.6-34.1 10.3M320 464c0-61.9-50.1-112-112-112S96 402.1 96 464c0 3.9.2 7.8.6 11.6 1.8 17.5-10.2 36.4-27.8 36.4H64c-17.7 0-32 14.3-32 32s14.3 32 32 32h144c61.9 0 112-50.1 112-112" />
+                    </svg> <span class="item-title text-center">Design Reference</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 credit" href="https://credit.11tw.ink">
+                    <svg class="link-each-image" fill="currentcolor" xmlns="http://www.w3.org/2000/svg"
+                        viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
+                        <path
+                            d="M128 160C128 124.7 156.7 96 192 96L512 96C547.3 96 576 124.7 576 160L576 416C576 451.3 547.3 480 512 480L192 480C156.7 480 128 451.3 128 416L128 160zM56 192C69.3 192 80 202.7 80 216L80 512C80 520.8 87.2 528 96 528L456 528C469.3 528 480 538.7 480 552C480 565.3 469.3 576 456 576L96 576C60.7 576 32 547.3 32 512L32 216C32 202.7 42.7 192 56 192zM224 224C241.7 224 256 209.7 256 192C256 174.3 241.7 160 224 160C206.3 160 192 174.3 192 192C192 209.7 206.3 224 224 224zM420.5 235.5C416.1 228.4 408.4 224 400 224C391.6 224 383.9 228.4 379.5 235.5L323.2 327.6L298.7 297C294.1 291.3 287.3 288 280 288C272.7 288 265.8 291.3 261.3 297L197.3 377C191.5 384.2 190.4 394.1 194.4 402.4C198.4 410.7 206.8 416 216 416L488 416C496.7 416 504.7 411.3 508.9 403.7C513.1 396.1 513 386.9 508.4 379.4L420.4 235.4z" />
+                    </svg>
+                    <span class="item-title text-center">Artist Credit</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 colours" href="https://c.11tw.ink">
+                    <svg class="link-each-image" fill="currentcolor" xmlns="http://www.w3.org/2000/svg"
+                        viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
+                        <path
+                            d="M576 320v2.7c-.4 36.5-33.6 61.3-70.1 61.3H408c-26.5 0-48 21.5-48 48 0 3.4.4 6.7 1 9.9 2.1 10.2 6.5 20 10.8 29.9 6.1 13.8 12.1 27.5 12.1 42 0 31.8-21.6 60.7-53.4 62-3.5.1-7 .2-10.6.2-141.4 0-256-114.6-256-256S178.6 64 320 64s256 114.6 256 256m-384 32c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32m0-96c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32m160-96c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32m96 96c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32" />
+                    </svg>
+                    <span class="item-title text-center">Colours</span>
+                </a>
+            </div>
             <br>
             <hr>
             <a id="Events">
@@ -254,13 +273,13 @@
                 </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 ConYes"
-                        href="https://www.dedeco-online.de">
-                        <span class="item-title text-center">DeDeCo // Dresden // 13.02.-15.02.2026</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 ConYes"
+                    href="https://www.dedeco-online.de">
+                    <span class="item-title text-center">DeDeCo // Dresden // 13.02.-15.02.2026</span>
+                </a>
+            </div>
 
             <a id="Events/May2026">
                 <h2 class="separator" title="Events">
@@ -268,19 +287,19 @@
                 </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 ConYes"
-                        href="https://www.nonki-con.de/">
-                        <span class="item-title text-center">NonkiCon // Speyer // 16.-17.05.2026</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 ConYes" href="https://www.dokomi.de">
-                        <span class="item-title text-center">DOKOMI // Düsseldorf // 29.-31.05.2026</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 ConYes"
+                    href="https://www.nonki-con.de/">
+                    <span class="item-title text-center">NonkiCon // Speyer // 16.-17.05.2026</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 ConYes" href="https://www.dokomi.de">
+                    <span class="item-title text-center">DOKOMI // Düsseldorf // 29.-31.05.2026</span>
+                </a>
+            </div>
 
             <a id="Events/Jun2026">
                 <h2 class="separator" title="Events">
@@ -288,18 +307,19 @@
                 </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 ConProb" href="https://gulas.ch">
-                        <span class="item-title text-center">Gulaschprogrammiernacht // Karlsruhe // 04.-07.06.2026</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 ConProb" href="https://www.wiemaikai.de/">
-                        <span class="item-title text-center">Wie.MAI.KAI // Flörsheim am Main // 13.-14.06.2026</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 ConProb" href="https://gulas.ch">
+                    <span class="item-title text-center">Gulaschprogrammiernacht // Karlsruhe // 04.-07.06.2026</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 ConProb"
+                    href="https://www.wiemaikai.de/">
+                    <span class="item-title text-center">Wie.MAI.KAI // Flörsheim am Main // 13.-14.06.2026</span>
+                </a>
+            </div>
 
             <a id="Events/Jul2026">
                 <h2 class="separator" title="Events">
@@ -307,18 +327,18 @@
                 </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 ConYes" href="https://shiroco.de/">
-                        <span class="item-title text-center">ShiroCo // Chemnitz // 11.-12.07.2026</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 ConProb" href="https://animagic.de/">
-                        <span class="item-title text-center">AnimagiC // Mannheim // 31.07.-02.08.2026</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 ConYes" href="https://shiroco.de/">
+                    <span class="item-title text-center">ShiroCo // Chemnitz // 11.-12.07.2026</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 ConProb" href="https://animagic.de/">
+                    <span class="item-title text-center">AnimagiC // Mannheim // 31.07.-02.08.2026</span>
+                </a>
+            </div>
 
             <a id="Events/Aug2026">
                 <h2 class="separator" title="Events">
@@ -326,12 +346,13 @@
                 </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 ConProb" href="https://www.main-matsuri.com/">
-                        <span class="item-title text-center">Main Matsuri // Offenbach  //  14.-16.08.2026</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 ConProb"
+                    href="https://www.main-matsuri.com/">
+                    <span class="item-title text-center">Main Matsuri // Offenbach // 14.-16.08.2026</span>
+                </a>
+            </div>
 
             <a id="Events/Sep2026">
                 <h2 class="separator" title="Events">
@@ -339,13 +360,13 @@
                 </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 ConProb"
-                        href="https://www.connichi.de/">
-                        <span class="item-title text-center">Connichi // Wiesbaden // 4.-6.09.2026</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 ConProb"
+                    href="https://www.connichi.de/">
+                    <span class="item-title text-center">Connichi // Wiesbaden // 4.-6.09.2026</span>
+                </a>
+            </div>
 
 
         </div>