feat(webui): add glowing vinyl record SVG favicon

allstarr/wwwroot/favicon.svg

@@ -0,0 +1,39 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
+  <defs>
+    <radialGradient id="groove" cx="50%" cy="50%" r="50%">
+      <stop offset="0%" stop-color="#1e1e24"/>
+      <stop offset="60%" stop-color="#121216"/>
+      <stop offset="100%" stop-color="#0a0a0c"/>
+    </radialGradient>
+    <radialGradient id="center-label" cx="50%" cy="50%" r="50%">
+      <stop offset="0%" stop-color="#ff4d4d"/>
+      <stop offset="70%" stop-color="#e6004c"/>
+      <stop offset="100%" stop-color="#990033"/>
+    </radialGradient>
+    <linearGradient id="shine" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="white" stop-opacity="0.15"/>
+      <stop offset="50%" stop-color="white" stop-opacity="0.0"/>
+      <stop offset="100%" stop-color="white" stop-opacity="0.12"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Outer Vinyl Disc -->
+  <circle cx="32" cy="32" r="30" fill="url(#groove)" stroke="#2b2b36" stroke-width="1.5"/>
+
+  <!-- Vinyl Grooves -->
+  <circle cx="32" cy="32" r="26" fill="none" stroke="#282832" stroke-width="1" opacity="0.6"/>
+  <circle cx="32" cy="32" r="22" fill="none" stroke="#22222a" stroke-width="1" opacity="0.7"/>
+  <circle cx="32" cy="32" r="18" fill="none" stroke="#282832" stroke-width="1" opacity="0.6"/>
+
+  <!-- Vinyl Light Sheen Angle -->
+  <path d="M 32 2 A 30 30 0 0 1 62 32 L 32 32 Z" fill="url(#shine)"/>
+  <path d="M 32 32 L 2 32 A 30 30 0 0 1 32 62 Z" fill="url(#shine)"/>
+
+  <!-- Glowing Center Label -->
+  <circle cx="32" cy="32" r="11" fill="url(#center-label)" stroke="#ff8080" stroke-width="0.75"/>
+  <circle cx="32" cy="32" r="9.5" fill="none" stroke="#ffffff" stroke-width="0.5" opacity="0.4"/>
+
+  <!-- Center Spindle Hole -->
+  <circle cx="32" cy="32" r="3" fill="#0a0a0c" stroke="#1f1f24" stroke-width="0.75"/>
+  <circle cx="32" cy="32" r="1.2" fill="#ffffff" opacity="0.9"/>
+</svg>

allstarr/wwwroot/index.html

@@ -6,6 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="color-scheme" content="dark light">
     <title>Allstarr</title>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+    <link rel="alternate icon" href="/favicon.ico">
     <link rel="stylesheet" href="/css/foundation.css">
     <link rel="stylesheet" href="/css/primitives.css">
     <link rel="stylesheet" href="/css/shell.css">