New better logo.

2025-12-28 01:49:30 -05:00
parent 1538943451
commit 4e835febbe
5 changed files with 318 additions and 29 deletions
--- a/frontends/web/static/favicon.svg
+++ b/frontends/web/static/favicon.svg
@@ -1,15 +1,111 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+<svg width="32" height="32" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg">
  <defs>
-    <linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#667eea"/>
-      <stop offset="100%" style="stop-color:#764ba2"/>
+    <linearGradient id="sunsetGradientFavicon" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#FFD873"/>
+      <stop offset="40%" stop-color="#FF7E88"/>
+      <stop offset="75%" stop-color="#D45BFF"/>
+      <stop offset="100%" stop-color="#3B2A88"/>
    </linearGradient>
+
+    <linearGradient id="cipherGradientFavicon" x1="0" y1="0" x2="1" y2="0">
+      <stop offset="0%" stop-color="#D2C8FF" stop-opacity="1"/>
+      <stop offset="100%" stop-color="#A796FF" stop-opacity="1"/>
+    </linearGradient>
+
+    <linearGradient id="lockBodyGradientFavicon" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#FFF4C7"/>
+      <stop offset="40%" stop-color="#F7D978"/>
+      <stop offset="100%" stop-color="#D49A27"/>
+    </linearGradient>
+
+    <filter id="lockShadowFavicon" x="-15%" y="-15%" width="130%" height="130%">
+      <feDropShadow dx="0" dy="1" stdDeviation="0.8"
+                    flood-color="#000000" flood-opacity="0.45"/>
+    </filter>
  </defs>
-  <path d="M32 4 L56 14 L56 32 C56 48 44 58 32 62 C20 58 8 48 8 32 L8 14 Z" fill="url(#grad)"/>
-  <rect x="16" y="18" width="32" height="24" rx="2" fill="#1a1a2e" stroke="#fff" stroke-width="1.5"/>
-  <polygon points="16,42 26,30 34,36 48,22 48,42" fill="#667eea" opacity="0.5"/>
-  <rect x="24" y="30" width="16" height="12" rx="2" fill="#fff"/>
-  <path d="M27 30 L27 25 C27 20 37 20 37 25 L37 30" fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round"/>
-  <circle cx="32" cy="35" r="2.5" fill="url(#grad)"/>
-  <rect x="31" y="35" width="2" height="4" fill="url(#grad)"/>
+
+  <!-- Inset and scaled: margin + size tweak -->
+  <g transform="translate(5 5) scale(0.9)">
+    <g transform="rotate(-6 38 44)">
+      <!-- Frame -->
+      <rect x="0" y="0" width="76" height="88"
+            rx="1" ry="1"
+            fill="#FCFCFF"
+            stroke="#E0E0F4"
+            stroke-width="1"/>
+
+      <!-- Photo area (left edge at x=6) -->
+      <rect x="6" y="6" width="64" height="48"
+            rx="0.5" ry="0.5"
+            fill="url(#sunsetGradientFavicon)"
+            stroke="#3C3C46"
+            stroke-width="1"
+            stroke-opacity="0.7"/>
+
+      <!-- FAR BACKGROUND BUILDINGS -->
+      <g fill="#59407E" opacity="0.55">
+        <rect x="20" y="35" width="4" height="7"/>
+        <rect x="32" y="32" width="5" height="10"/>
+        <rect x="34" y="30.5" width="0.7" height="2.3"/>
+        <rect x="46" y="34" width="4" height="8"/>
+        <rect x="51" y="36" width="3" height="6"/>
+      </g>
+
+      <!-- Hills / skyline -->
+      <path d="M6 44 Q22 36 36 39 T70 42 L70 54 L6 54 Z"
+            fill="#351C6A" opacity="1"/>
+
+      <!-- Sun -->
+      <circle cx="54" cy="18" r="7" fill="#FFEBA9" opacity="0.96"/>
+
+      <!-- Bottom caption area -->
+      <rect x="1" y="54" width="74" height="32"
+            fill="#F5F3FF" opacity="0.9"/>
+
+      <!-- DARKER "WRITING": two lines aligned to photo left (x = 6) -->
+      <g transform="translate(6 62)">
+        <rect x="0"  y="0"  width="30" height="3.4" rx="1.7"
+              fill="url(#cipherGradientFavicon)"/>
+        <rect x="0"  y="6"  width="20" height="3.2" rx="1.6"
+              fill="url(#cipherGradientFavicon)" opacity="0.85"/>
+      </g>
+
+      <!-- Large gold lock hanging over corner -->
+      <g transform="translate(41.32 51.15) scale(1.86)" filter="url(#lockShadowFavicon)">
+        <rect x="0" y="6" width="24" height="18"
+              rx="3" ry="3"
+              fill="url(#lockBodyGradientFavicon)"
+              stroke="#8A6115"
+              stroke-width="0.9"/>
+
+        <rect x="2.2" y="8.2" width="19.6" height="8"
+              rx="2" ry="2"
+              fill="#FFFFFF"
+              opacity="0.16"/>
+
+        <circle cx="3.4" cy="9.4" r="0.7" fill="#C28A24" opacity="0.9"/>
+        <circle cx="20.6" cy="9.4" r="0.7" fill="#C28A24" opacity="0.9"/>
+
+        <rect x="7.2" y="8.4" width="3.6" height="13"
+              fill="#FFFFFF" opacity="0.10"/>
+
+        <rect x="2.2" y="17.2" width="19.6" height="1.5"
+              rx="0.75" fill="#A46D16" opacity="0.45"/>
+
+        <path d="M6 7.5
+                 v-3.7
+                 a5 5 0 0 1 12 0
+                 v3.7"
+              fill="none"
+              stroke="#C28A24"
+              stroke-width="2.4"
+              stroke-linecap="round"/>
+
+        <circle cx="12" cy="15" r="2.3" fill="#4A3210"/>
+        <rect x="11.2" y="15.7" width="1.6" height="3.4"
+              rx="0.8" fill="#2F1F08"/>
+      </g>
+    </g>
+  </g>
 </svg>
+