From 80e3f0dc0da5c8ba0dbca587a2516976ff3442ef Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Sat, 18 Apr 2026 13:51:24 +0200
Subject: [PATCH] Fix: Burger-Hinweis auf Willkommensseite nur auf Mobile
 anzeigen
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Klasse mobile-only ergänzt, damit der Hinweis ab 768px (Desktop-Sidebar sichtbar) ausgeblendet wird. SW by-v202, APP_VER 169.
---
 backend/static/js/app.js           |  4 ++--
 backend/static/js/pages/welcome.js | 22 ++++++++++++++++++++++
 backend/static/sw.js               |  2 +-
 3 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/backend/static/js/app.js b/backend/static/js/app.js
index fb48468..19da325 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 = '168'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
+const APP_VER = '169'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
 
 const App = (() => {
 
@@ -669,7 +669,7 @@ const App = (() => {
         hashParams[k] = isNaN(v) ? v : Number(v);
       });
     }
-    const startPage = (hashPage && pages[hashPage]) ? hashPage : 'diary';
+    const startPage = (hashPage && pages[hashPage]) ? hashPage : 'welcome';
     navigate(startPage, false, hashParams);
   }
 
diff --git a/backend/static/js/pages/welcome.js b/backend/static/js/pages/welcome.js
index 17f44d4..f6f419b 100644
--- a/backend/static/js/pages/welcome.js
+++ b/backend/static/js/pages/welcome.js
@@ -43,6 +43,28 @@ window.Page_welcome = (() => {
           </p>
         </div>
 
+        <!-- Burger-Menü-Hinweis (nur Mobile, auf Desktop gibt es die Sidebar) -->
+        <div class="mobile-only" style="display:flex;align-items:center;gap:var(--space-3);
+                    background:var(--c-primary-subtle);border-radius:var(--radius-md);
+                    padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5)">
+          <div style="width:36px;height:36px;border-radius:var(--radius-md);
+                      background:var(--c-primary);flex-shrink:0;
+                      display:flex;align-items:center;justify-content:center">
+            <svg style="width:20px;height:20px;color:#fff" aria-hidden="true">
+              <use href="/icons/phosphor.svg#list"></use>
+            </svg>
+          </div>
+          <div>
+            <div style="font-size:var(--text-sm);font-weight:var(--weight-semibold);
+                        color:var(--c-primary);margin-bottom:2px">
+              Alle Funktionen im Menü oben rechts
+            </div>
+            <div style="font-size:var(--text-xs);color:var(--c-text-secondary);line-height:1.4">
+              Tippe auf das ☰-Symbol für Karte, Routen, Giftköder-Alarm, Forum und vieles mehr.
+            </div>
+          </div>
+        </div>
+
         <!-- Features -->
         <div class="card" style="margin-bottom:var(--space-5)">
           <div style="padding:var(--space-3) var(--space-4);
diff --git a/backend/static/sw.js b/backend/static/sw.js
index c26cbbc..770545e 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-v200';
+const CACHE_VERSION = 'by-v202';
 const CACHE_STATIC  = `${CACHE_VERSION}-static`;
 const CACHE_TILES   = 'ban-yaro-tiles-v1';  // bleibt über SW-Updates erhalten