From 85ec2cc45c91cd9d94fbc63eeb824ffcd92f0184 Mon Sep 17 00:00:00 2001
From: ramforth <ramforth@noreply.localhost>
Date: Sat, 27 Dec 2025 14:30:37 +0100
Subject: [PATCH] First test: Made icons and theme and links

---
 azuracast-greyscale.svg | 15 +++++++++++++++
 index.html              |  2 +-
 2 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 azuracast-greyscale.svg

diff --git a/azuracast-greyscale.svg b/azuracast-greyscale.svg
new file mode 100644
index 0000000..f04525c
--- /dev/null
+++ b/azuracast-greyscale.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <!-- Greyscale version: Darkest grey waves, lightest grey musical note -->
+  <g transform="translate(-28.803 -13.716) scale(1.00386)">
+    <!-- Top Accents - Darkest Grey -->
+    <path d="m361.59 87.543-114.387 28.75-8.183-32.557 114.386-28.75zM149.111 121.48l-85.61 81.128-23.092-24.368 85.61-81.128z" fill="#333333"/>
+    <!-- Outer Wave - Darkest Grey -->
+    <path d="M418.861 12.496c-74.723-9.37-152.694 4.74-222.683 45.149S75.113 158.748 45.735 227.919c-6.28 15.629 1.44 33.677 17.448 38.537l2.485.666c14.269 4.964 29.511-2.936 35.22-16.434 24.145-57.449 66.982-107.986 125.044-141.508s122.667-45.316 185.07-37.536c14.675 2.03 29.008-7.446 31.843-22.285l.666-2.485c3.215-16.26-7.975-32.003-24.65-34.378" fill="#333333"/>
+    <!-- Middle Wave - Darkest Grey -->
+    <path d="M396.67 110.225c-50.69-4.641-103.244 6.197-150.73 33.612-47.484 27.416-82.697 67.25-104.473 113.729-7.44 15.698.54 34.196 17.258 39.246l2.035.926c14.009 4.514 28.871-1.966 34.71-15.24 16.862-35.24 43.767-66.076 80.225-87.125s76.616-28.931 115.115-25.654c14.415 1.58 27.328-8.276 30.553-22.44l.216-2.225c4.245-16.554-7.915-32.938-24.91-34.829" fill="#333333"/>
+    <!-- Inner Wave - Darkest Grey -->
+    <path d="M372.582 209.35c-25.945.276-52.668 7.002-76.748 20.905s-43.267 33.682-56.479 56.013c-8.955 15.672-1.097 36.04 16.332 41.28l2.485.667c12.554 3.554 26.136-.987 33.05-11.88 8.349-14.122 19.738-26.099 35.041-34.934 15.078-8.706 31.37-12.71 47.775-12.88 13.15-.09 24.004-9.358 26.813-22.682l.666-2.485c3.05-17.064-10.434-34.184-28.935-34.005" fill="#333333"/>
+  </g>
+  <!-- Musical Note - Lightest Grey -->
+  <path d="M138.9 31.9c-1.8-1.5-4.2-1.8-6.4-1.3L86 42.4c-3.3.9-5.6 3.8-5.6 7.1v55.3c-2.5-1.1-5.5-1.6-8.7-1.6-10 0-17.8 6.2-17.8 13.8s7.8 13.8 17.8 13.8 17.8-6.2 17.8-13.8V65.4l42.9-10.9v36.9c-2.5-1.1-5.5-1.6-8.7-1.6-10 0-17.8 6.2-17.8 13.8s7.8 13.8 17.8 13.8 17.8-6.2 17.8-13.8V37.7c.3-2.3-.8-4.5-2.6-5.8" fill="#e0e0e0" transform="translate(-160.672 -94.206) scale(4.21541)"/>
+</svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index 6ee3b47..cd6743e 100644
--- a/index.html
+++ b/index.html
@@ -173,7 +173,7 @@
         <div class="social-row">
             <a href="https://cloud9.ramforth.net" class="social-icon" style="-webkit-mask-image: url('https://cdn.simpleicons.org/nextcloud'); mask-image: url('https://cdn.simpleicons.org/nextcloud');" aria-label="Nextcloud"></a>
             <a href="https://gitea.ramforth.net" class="social-icon" style="-webkit-mask-image: url('https://cdn.simpleicons.org/gitea'); mask-image: url('https://cdn.simpleicons.org/gitea');" aria-label="Gitea"></a>
-            <a href="https://radio.ramforth.net" class="social-icon" style="-webkit-mask-image: url('https://cdn.simpleicons.org/azuracast'); mask-image: url('https://cdn.simpleicons.org/azuracast');" aria-label="Azuracast"></a>
+            <a href="https://radio.ramforth.net" class="social-icon" style="-webkit-mask-image: url('azuracast-greyscale.svg'); mask-image: url('azuracast-greyscale.svg');" aria-label="Azuracast"></a>
             <a href="https://twitch.tv/ramforth" class="social-icon" style="-webkit-mask-image: url('https://cdn.simpleicons.org/twitch'); mask-image: url('https://cdn.simpleicons.org/twitch');" aria-label="Twitch"></a>
             <a href="mailto:tech@ramforth.net" class="social-icon" style="-webkit-mask-image: url('https://cdn.simpleicons.org/gmail'); mask-image: url('https://cdn.simpleicons.org/gmail');" aria-label="Email"></a>
         </div>