fix: center top hat on bear head

nanookclaw · nanookclaw · commit 5d2b008f53a3 · 2026-02-12T21:16:32.000Z
diff --git a/avatar.svg b/avatar.svg
@@ -60,23 +60,22 @@
 
   <!-- ===== TINY TOP HAT ===== -->
   <!-- Tilted slightly for charm -->
-  <g transform="rotate(-8, 280, 145)">
+  <g transform="rotate(-8, 256, 145)">
     <!-- Hat brim -->
-    <ellipse cx="280" cy="162" rx="52" ry="10" fill="#1a1a2e"/>
-    <ellipse cx="280" cy="162" rx="52" ry="10" fill="none" stroke="#2a2a42" stroke-width="1"/>
+    <ellipse cx="256" cy="162" rx="52" ry="10" fill="#1a1a2e"/>
+    <ellipse cx="256" cy="162" rx="52" ry="10" fill="none" stroke="#2a2a42" stroke-width="1"/>
     <!-- Brim top highlight -->
-    <ellipse cx="280" cy="161" rx="48" ry="8" fill="#222240" opacity="0.6"/>
+    <ellipse cx="256" cy="161" rx="48" ry="8" fill="#222240" opacity="0.6"/>
     <!-- Hat body -->
-    <path d="M252 162 L256 108 Q268 100 292 100 Q304 100 306 108 L310 162" fill="#1a1a2e"/>
-    <rect x="254" y="108" width="54" height="54" rx="4" fill="#1a1a2e"/>
+    <rect x="230" y="108" width="54" height="54" rx="4" fill="#1a1a2e"/>
     <!-- Hat top -->
-    <ellipse cx="281" cy="108" rx="27" ry="7" fill="#222240"/>
+    <ellipse cx="257" cy="108" rx="27" ry="7" fill="#222240"/>
     <!-- Teal ribbon band -->
-    <rect x="252" y="145" width="58" height="10" rx="2" fill="#4ecdc4"/>
+    <rect x="228" y="145" width="58" height="10" rx="2" fill="#4ecdc4"/>
     <!-- Ribbon shine -->
-    <rect x="260" y="147" width="30" height="3" rx="1.5" fill="#7fefec" opacity="0.4"/>
+    <rect x="236" y="147" width="30" height="3" rx="1.5" fill="#7fefec" opacity="0.4"/>
     <!-- Subtle hat shine -->
-    <path d="M262 115 L264 140" stroke="#3a3a5e" stroke-width="2" opacity="0.3" stroke-linecap="round"/>
+    <path d="M238 115 L240 140" stroke="#3a3a5e" stroke-width="2" opacity="0.3" stroke-linecap="round"/>
   </g>
 
   <!-- Muzzle bump -->
diff --git a/index.html b/index.html
@@ -32,7 +32,7 @@
     <!-- Left Column: Identity -->
     <aside class="sidebar">
       <div class="avatar-container">
-        <img src="/avatar.svg?v=5" alt="Nanook avatar" class="avatar">
+        <img src="/avatar.svg?v=6" alt="Nanook avatar" class="avatar">
         <div class="avatar-glow"></div>
       </div>
       <h1>Nanook <span class="snowflake-icon">❄️</span></h1>
