redesign logo with padel holes and bust favicon cache

- Replace globe lines with 3x2 dot grid (characteristic padel racket holes)
- Makes racket immediately recognizable vs globe/frying pan shape
- Add ?v=3 to all favicon links to force browser cache refresh

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

padelnomics/src/padelnomics/static/images/favicon.svg

@@ -1,9 +1,13 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none">
-  <!-- Padel racket head: rounded rectangle -->
+  <!-- Padel racket head: rounded rectangle, slightly taller than wide -->
-  <rect x="4" y="2" width="20" height="20" rx="6" stroke="#0F172A" stroke-width="2.5" fill="none"/>
+  <rect x="4" y="1" width="19" height="21" rx="6" stroke="#0F172A" stroke-width="2.5" fill="none"/>
-  <!-- Meridian lines -->
+  <!-- Characteristic padel holes (3x2 grid) -->
-  <line x1="14" y1="2" x2="14" y2="22" stroke="#0F172A" stroke-width="1.5" opacity="0.45"/>
+  <circle cx="9.5"  cy="7.5"  r="1.5" fill="#0F172A" opacity="0.45"/>
-  <line x1="4" y1="12" x2="24" y2="12" stroke="#0F172A" stroke-width="1.5" opacity="0.45"/>
+  <circle cx="13.5" cy="7.5"  r="1.5" fill="#0F172A" opacity="0.45"/>
+  <circle cx="17.5" cy="7.5"  r="1.5" fill="#0F172A" opacity="0.45"/>
+  <circle cx="9.5"  cy="13.5" r="1.5" fill="#0F172A" opacity="0.45"/>
+  <circle cx="13.5" cy="13.5" r="1.5" fill="#0F172A" opacity="0.45"/>
+  <circle cx="17.5" cy="13.5" r="1.5" fill="#0F172A" opacity="0.45"/>
   <!-- Handle -->
-  <line x1="20" y1="22" x2="28" y2="30" stroke="#0F172A" stroke-width="3" stroke-linecap="round"/>
+  <line x1="21" y1="22" x2="29" y2="30" stroke="#0F172A" stroke-width="3" stroke-linecap="round"/>
 </svg>

padelnomics/src/padelnomics/templates/base.html

@@ -6,10 +6,10 @@
   <title>{% block title %}{{ config.APP_NAME }}{% endblock %}</title>
 
   <!-- Favicon -->
-  <link rel="icon" type="image/svg+xml" href="{{ url_for('static', filename='images/favicon.svg') }}">
+  <link rel="icon" type="image/svg+xml" href="{{ url_for('static', filename='images/favicon.svg') }}?v=3">
-  <link rel="icon" href="{{ url_for('static', filename='images/favicon.ico') }}" sizes="any">
+  <link rel="icon" href="{{ url_for('static', filename='images/favicon.ico') }}?v=3" sizes="any">
-  <link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='images/favicon-32.png') }}">
+  <link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='images/favicon-32.png') }}?v=3">
-  <link rel="apple-touch-icon" href="{{ url_for('static', filename='images/apple-touch-icon.png') }}">
+  <link rel="apple-touch-icon" href="{{ url_for('static', filename='images/apple-touch-icon.png') }}?v=3">
 
   <!-- Fonts -->
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -73,12 +73,14 @@
       <!-- Center: logo -->
       <a href="{{ url_for('public.landing') }}" class="nav-logo" style="display:inline-flex;align-items:center;gap:6px;text-decoration:none">
         <svg width="28" height="28" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
-          <rect x="4" y="2" width="20" height="20" rx="6" stroke="#0F172A" stroke-width="2.2" fill="none"/>
+          <rect x="4" y="1" width="19" height="21" rx="6" stroke="#0F172A" stroke-width="2.2" fill="none"/>
-          <line x1="14" y1="2" x2="14" y2="22" stroke="#0F172A" stroke-width="1.2" opacity="0.35"/>
+          <circle cx="9.5"  cy="7.5"  r="1.4" fill="#0F172A" opacity="0.35"/>
-          <line x1="4" y1="12" x2="24" y2="12" stroke="#0F172A" stroke-width="1.2" opacity="0.35"/>
+          <circle cx="13.5" cy="7.5"  r="1.4" fill="#0F172A" opacity="0.35"/>
-          <line x1="6.5" y1="4.5" x2="21.5" y2="19.5" stroke="#0F172A" stroke-width="1" opacity="0.2"/>
+          <circle cx="17.5" cy="7.5"  r="1.4" fill="#0F172A" opacity="0.35"/>
-          <line x1="21.5" y1="4.5" x2="6.5" y2="19.5" stroke="#0F172A" stroke-width="1" opacity="0.2"/>
+          <circle cx="9.5"  cy="13.5" r="1.4" fill="#0F172A" opacity="0.35"/>
-          <line x1="20" y1="22" x2="28" y2="30" stroke="#0F172A" stroke-width="2.5" stroke-linecap="round"/>
+          <circle cx="13.5" cy="13.5" r="1.4" fill="#0F172A" opacity="0.35"/>
+          <circle cx="17.5" cy="13.5" r="1.4" fill="#0F172A" opacity="0.35"/>
+          <line x1="21" y1="22" x2="29" y2="30" stroke="#0F172A" stroke-width="2.5" stroke-linecap="round"/>
         </svg>
         <span style="font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.125rem;color:#0F172A;letter-spacing:-0.02em">padelnomics</span>
       </a>