From 32eda7996e745057cdcae359cb892a0050b84431 Mon Sep 17 00:00:00 2001
From: "shakespeare.diy" <assistant@shakespeare.diy>
Date: Thu, 18 Jun 2026 00:50:52 +0700
Subject: [PATCH] Rework logo: minimal skateboard deck at pin tip, original
 design preserved

- Gradient circle and white map pin exactly as original
- Small horizontal white skateboard deck (popsicle shape) sits right at the
  tip of the pin point, minimal and clean
- Four small wheel circles at deck corners
- Everything inside the gradient circle, nothing breaking outside

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
---
 public/images/icon.svg | 56 ++++++++++++++----------------------------
 1 file changed, 19 insertions(+), 37 deletions(-)

diff --git a/public/images/icon.svg b/public/images/icon.svg
index 3ea92b9..08ad0b7 100644
--- a/public/images/icon.svg
+++ b/public/images/icon.svg
@@ -10,45 +10,27 @@
     </linearGradient>
   </defs>
 
-  <!-- ── SKATEBOARD DECK ───────────────────────────────────────────────────
-       White deck sits behind the pin circle.
-       Circle: cx=256 cy=220 r=170  → bottom edge at y=390
-       Deck nose starts at y=340, sticks out left/right beyond circle
-  ──────────────────────────────────────────────────────────────────────── -->
+  <!-- Gradient circle — exactly as original -->
+  <circle cx="256" cy="256" r="256" fill="url(#iconGradient)"/>
 
-  <!-- Deck body (popsicle shape) -->
-  <rect x="190" y="340" width="132" height="148" rx="34" ry="34" fill="#ffffff"/>
-  <!-- Nose ellipse -->
-  <ellipse cx="256" cy="348" rx="66" ry="22" fill="#ffffff"/>
-  <!-- Tail ellipse -->
-  <ellipse cx="256" cy="480" rx="66" ry="22" fill="#ffffff"/>
-
-  <!-- Top truck & wheels — axle extends wide beyond deck -->
-  <rect x="182" y="364" width="148" height="16" rx="8" fill="#cccccc"/>
-  <rect x="148" y="368" width="216" height="8" rx="4" fill="#aaaaaa"/>
-  <!-- Wheels (extend out from deck sides so they're clearly visible) -->
-  <ellipse cx="150" cy="372" rx="20" ry="15" fill="#e0e0e0"/>
-  <ellipse cx="150" cy="372" rx="10" ry="8" fill="#aaaaaa"/>
-  <ellipse cx="362" cy="372" rx="20" ry="15" fill="#e0e0e0"/>
-  <ellipse cx="362" cy="372" rx="10" ry="8" fill="#aaaaaa"/>
-
-  <!-- Bottom truck & wheels -->
-  <rect x="182" y="452" width="148" height="16" rx="8" fill="#cccccc"/>
-  <rect x="148" y="456" width="216" height="8" rx="4" fill="#aaaaaa"/>
-  <ellipse cx="150" cy="460" rx="20" ry="15" fill="#e0e0e0"/>
-  <ellipse cx="150" cy="460" rx="10" ry="8" fill="#aaaaaa"/>
-  <ellipse cx="362" cy="460" rx="20" ry="15" fill="#e0e0e0"/>
-  <ellipse cx="362" cy="460" rx="10" ry="8" fill="#aaaaaa"/>
-
-  <!-- ── ORIGINAL GRADIENT CIRCLE + PIN (on top of deck) ─────────────────
-       Exactly the same as the original icon, just centered in upper area
-  ──────────────────────────────────────────────────────────────────────── -->
-  <circle cx="256" cy="220" r="170" fill="url(#iconGradient)"/>
+  <!-- Small skateboard deck sitting flat, centered at the pin tip -->
+  <!-- The pin point lands at y=370. The deck sits horizontally there. -->
+  <!-- Popsicle deck shape: narrow rounded rect, horizontal -->
+  <rect x="196" y="356" width="120" height="36" rx="18" ry="18" fill="#ffffff" opacity="0.95"/>
+  <!-- Nose bump left -->
+  <ellipse cx="200" cy="374" rx="14" ry="18" fill="#ffffff" opacity="0.95"/>
+  <!-- Tail bump right -->
+  <ellipse cx="312" cy="374" rx="14" ry="18" fill="#ffffff" opacity="0.95"/>
+  <!-- 4 small wheels -->
+  <circle cx="210" cy="360" r="9" fill="#000000" opacity="0.5"/>
+  <circle cx="302" cy="360" r="9" fill="#000000" opacity="0.5"/>
+  <circle cx="210" cy="388" r="9" fill="#000000" opacity="0.5"/>
+  <circle cx="302" cy="388" r="9" fill="#000000" opacity="0.5"/>
 
+  <!-- Map pin — exactly as original -->
   <g fill="#ffffff">
-    <circle cx="256" cy="194" r="78"/>
-    <path d="M 217 252 L 256 330 L 295 252 Z"/>
-    <circle cx="256" cy="194" r="39" fill="#000000"/>
+    <circle cx="256" cy="210" r="80"/>
+    <path d="M 216 270 L 256 370 L 296 270 Z"/>
+    <circle cx="256" cy="210" r="40" fill="url(#iconGradient)"/>
   </g>
-
 </svg>