new favicon idea

TyDunn · TyDunn · commit c6ffaf0f0813 · 2025-11-24T14:20:49.000-08:00
diff --git a/public/favicon.svg b/public/favicon.svg
@@ -1,46 +1,47 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
   <defs>
-    <linearGradient id="mobiusGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+    <linearGradient id="flowGradient1" x1="0%" y1="0%" x2="100%" y2="0%">
       <stop offset="0%" style="stop-color:#F637B3;stop-opacity:1" />
-      <stop offset="20%" style="stop-color:#B25AF6;stop-opacity:1" />
-      <stop offset="40%" style="stop-color:#667AFF;stop-opacity:1" />
-      <stop offset="60%" style="stop-color:#2EA6FF;stop-opacity:1" />
-      <stop offset="80%" style="stop-color:#31DDED;stop-opacity:1" />
+      <stop offset="33%" style="stop-color:#667AFF;stop-opacity:1" />
+      <stop offset="66%" style="stop-color:#2EA6FF;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#89EC9B;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient id="flowGradient2" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:#EB54F6;stop-opacity:1" />
+      <stop offset="33%" style="stop-color:#2EA6FF;stop-opacity:1" />
+      <stop offset="66%" style="stop-color:#31DDED;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#60E6D5;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient id="flowGradient3" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:#B25AF6;stop-opacity:1" />
+      <stop offset="50%" style="stop-color:#00D2FF;stop-opacity:1" />
       <stop offset="100%" style="stop-color:#89EC9B;stop-opacity:1" />
     </linearGradient>
   </defs>
   
-  <!-- Möbius strip with 3D perspective -->
+  <!-- Continuous flow lines suggesting movement -->
   <g transform="translate(16, 16)">
-    <!-- Back section (darker) -->
-    <path d="M -10 -2 Q -8 -6, -4 -7 Q 0 -8, 4 -7 Q 8 -6, 10 -2" 
-          stroke="#667AFF" 
-          stroke-width="3.5" 
-          stroke-linecap="round" 
-          fill="none"
-          opacity="0.4"/>
-    
-    <!-- Twisted middle section -->
-    <path d="M -10 -2 Q -6 1, 0 2 Q 6 1, 10 -2" 
-          stroke="url(#mobiusGradient)" 
-          stroke-width="2" 
+    <!-- Flow line 1 - outer -->
+    <path d="M -12 0 Q -8 -8, 0 -10 Q 8 -8, 12 0 Q 8 8, 0 10 Q -8 8, -12 0" 
+          stroke="url(#flowGradient1)" 
+          stroke-width="1.5" 
           stroke-linecap="round" 
           fill="none"
-          opacity="0.6"/>
+          opacity="0.8"/>
     
-    <!-- Front section (brightest) -->
-    <path d="M -10 -2 Q -8 2, -4 5 Q 0 8, 4 5 Q 8 2, 10 -2" 
-          stroke="url(#mobiusGradient)" 
-          stroke-width="4" 
+    <!-- Flow line 2 - middle -->
+    <path d="M -10 0 Q -6 -6, 0 -7 Q 6 -6, 10 0 Q 6 6, 0 7 Q -6 6, -10 0" 
+          stroke="url(#flowGradient2)" 
+          stroke-width="1.5" 
           stroke-linecap="round" 
           fill="none"/>
     
-    <!-- Twist edge highlights -->
-    <path d="M -10 -2 Q -9 0, -8 2 M 10 -2 Q 9 0, 8 2" 
-          stroke="#00D2FF" 
+    <!-- Flow line 3 - inner -->
+    <path d="M -8 0 Q -5 -4, 0 -5 Q 5 -4, 8 0 Q 5 4, 0 5 Q -5 4, -8 0" 
+          stroke="url(#flowGradient3)" 
           stroke-width="1.5" 
           stroke-linecap="round" 
           fill="none"
-          opacity="0.8"/>
+          opacity="0.9"/>
   </g>
 </svg>
