From 78d0f4289afec03418a79f203d467e2117d627cd Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Fri, 24 Apr 2026 08:14:00 +0200
Subject: [PATCH] Zecken-Icon: SVG Warndreieck mit Zecken-Silhouette
 (Phosphor-Stil), SW by-v324

---
 backend/static/icons/tick-warning.svg | 18 ++++++++++++++++++
 backend/static/js/app.js              |  2 +-
 backend/static/js/pages/map.js        |  8 +++++---
 backend/static/sw.js                  |  2 +-
 4 files changed, 25 insertions(+), 5 deletions(-)
 create mode 100644 backend/static/icons/tick-warning.svg

diff --git a/backend/static/icons/tick-warning.svg b/backend/static/icons/tick-warning.svg
new file mode 100644
index 0000000..8ec7967
--- /dev/null
+++ b/backend/static/icons/tick-warning.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor">
+  <!-- Warndreieck (Phosphor-Stil) -->
+  <path d="M236.8,188.09L149.6,36.22a24.76,24.76,0,0,0-43.2,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09Zm-13.87,16.2a8.34,8.34,0,0,1-7.48,4.71H40.55a8.34,8.34,0,0,1-7.48-4.71,7.5,7.5,0,0,1,0-7.72l87.2-151.87a8.75,8.75,0,0,1,15.44,0l87.2,151.87A7.5,7.5,0,0,1,222.93,204.29Z"/>
+  <!-- Zecke: Kopf (Capitulum) -->
+  <ellipse cx="128" cy="145" rx="13" ry="11"/>
+  <!-- Zecke: Körper (Abdomen) -->
+  <ellipse cx="128" cy="178" rx="30" ry="23"/>
+  <!-- Beine links (4 Paare) -->
+  <line x1="100" y1="163" x2="76" y2="155" stroke="currentColor" stroke-width="8" stroke-linecap="round"/>
+  <line x1="100" y1="173" x2="73" y2="171" stroke="currentColor" stroke-width="8" stroke-linecap="round"/>
+  <line x1="100" y1="183" x2="75" y2="185" stroke="currentColor" stroke-width="8" stroke-linecap="round"/>
+  <line x1="100" y1="193" x2="79" y2="201" stroke="currentColor" stroke-width="8" stroke-linecap="round"/>
+  <!-- Beine rechts (gespiegelt) -->
+  <line x1="156" y1="163" x2="180" y2="155" stroke="currentColor" stroke-width="8" stroke-linecap="round"/>
+  <line x1="156" y1="173" x2="183" y2="171" stroke="currentColor" stroke-width="8" stroke-linecap="round"/>
+  <line x1="156" y1="183" x2="181" y2="185" stroke="currentColor" stroke-width="8" stroke-linecap="round"/>
+  <line x1="156" y1="193" x2="177" y2="201" stroke="currentColor" stroke-width="8" stroke-linecap="round"/>
+</svg>
diff --git a/backend/static/js/app.js b/backend/static/js/app.js
index e423846..f932187 100644
--- a/backend/static/js/app.js
+++ b/backend/static/js/app.js
@@ -3,7 +3,7 @@
    Router, State-Management, Navigation, Initialisierung.
    ============================================================ */
 
-const APP_VER = '311'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
+const APP_VER = '312'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
 
 const App = (() => {
 
diff --git a/backend/static/js/pages/map.js b/backend/static/js/pages/map.js
index d627bc3..874e0b4 100644
--- a/backend/static/js/pages/map.js
+++ b/backend/static/js/pages/map.js
@@ -1527,9 +1527,11 @@ window.Page_map = (() => {
       const temp = w.temp_c != null ? `${Math.round(w.temp_c)}°` : '–';
       const icon = `<svg class="ph-icon" aria-hidden="true" style="width:12px;height:12px;vertical-align:-2px"><use href="/icons/phosphor.svg#${w.icon}"></use></svg>`;
       const regen = w.precip_prob != null ? ` · 💧 ${w.precip_prob}%` : '';
-      const zecken = w.zecken_warnung
-        ? ` · <span style="color:${w.zecken_warnung === 'hoch' ? '#991B1B' : '#92400E'}">🦟 Zecken</span>`
-        : '';
+      let zecken = '';
+      if (w.zecken_warnung) {
+        const col = w.zecken_warnung === 'hoch' ? '#991B1B' : '#92400E';
+        zecken = ` · <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="${col}" style="width:13px;height:13px;vertical-align:-2px;flex-shrink:0"><path d="M236.8,188.09L149.6,36.22a24.76,24.76,0,0,0-43.2,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09Zm-13.87,16.2a8.34,8.34,0,0,1-7.48,4.71H40.55a8.34,8.34,0,0,1-7.48-4.71,7.5,7.5,0,0,1,0-7.72l87.2-151.87a8.75,8.75,0,0,1,15.44,0l87.2,151.87A7.5,7.5,0,0,1,222.93,204.29Z"/><ellipse cx="128" cy="145" rx="13" ry="11"/><ellipse cx="128" cy="178" rx="30" ry="23"/><line x1="100" y1="163" x2="76" y2="155" stroke="${col}" stroke-width="8" stroke-linecap="round"/><line x1="100" y1="173" x2="73" y2="171" stroke="${col}" stroke-width="8" stroke-linecap="round"/><line x1="100" y1="183" x2="75" y2="185" stroke="${col}" stroke-width="8" stroke-linecap="round"/><line x1="100" y1="193" x2="79" y2="201" stroke="${col}" stroke-width="8" stroke-linecap="round"/><line x1="156" y1="163" x2="180" y2="155" stroke="${col}" stroke-width="8" stroke-linecap="round"/><line x1="156" y1="173" x2="183" y2="171" stroke="${col}" stroke-width="8" stroke-linecap="round"/><line x1="156" y1="183" x2="181" y2="185" stroke="${col}" stroke-width="8" stroke-linecap="round"/><line x1="156" y1="193" x2="177" y2="201" stroke="${col}" stroke-width="8" stroke-linecap="round"/></svg> <span style="color:${col}">Zecken</span>`;
+      }
       info.innerHTML = `${icon} ${temp} ${w.desc}${regen}${zecken}`;
       info.classList.remove('map-weather-chip--hidden');
       sep.classList.remove('map-weather-chip--hidden');
diff --git a/backend/static/sw.js b/backend/static/sw.js
index 707f5c3..92e18ac 100644
--- a/backend/static/sw.js
+++ b/backend/static/sw.js
@@ -3,7 +3,7 @@
    Offline-Cache + Push Notifications + Tile-Cache
    ============================================================ */
 
-const CACHE_VERSION = 'by-v323';
+const CACHE_VERSION = 'by-v324';
 const CACHE_STATIC  = `${CACHE_VERSION}-static`;
 const CACHE_TILES   = 'ban-yaro-tiles-v1';  // bleibt über SW-Updates erhalten