From 34a0c34acb04ce1ef79bb926ef84d9ddc8601fbd Mon Sep 17 00:00:00 2001
From: breitenbach76 <patrick@1789innovations.com>
Date: Sat, 6 Jun 2026 14:53:54 +0200
Subject: [PATCH] Companion-App: letzte Action-Card-Grafik s0-c0 ergaenzt
 (30/30)

- s0-c0.png ("Open Source von oben!") hinzugefuegt -> alle 30 Karten als Grafik.
- Text-Fallback in cardImg entfernt; Service Worker cacht jetzt alle 30 (CACHE v3).
- README aktualisiert (alle 30).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 04_Tablet-Quiz/README.md      | 4 ++--
 04_Tablet-Quiz/app/index.html | 5 ++---
 04_Tablet-Quiz/app/sw.js      | 5 ++---
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/04_Tablet-Quiz/README.md b/04_Tablet-Quiz/README.md
index f9cbbdf..ac09aea 100644
--- a/04_Tablet-Quiz/README.md
+++ b/04_Tablet-Quiz/README.md
@@ -7,8 +7,8 @@
 > Startpunkt → optionale Tour → Station: Diskussion/Quiz/Auflösung → Debrief mit
 > **Markdown-/JSON-Export**). Inhalte (40 Stationen, 45 Quizfragen, 6 Use-Cases)
 > sind derzeit in `app/index.html` eingebettet. Die **finalen Action-Card-Grafiken**
-> (Freiburg-digital-Layout) liegen in `app/cards/` (`s<service>-c<change>.png`, 29/30 —
-> `s0-c0` „Open Source von oben!" fehlt noch → Text-Fallback). **Deployment:** statisch, siehe
+> (Freiburg-digital-Layout) liegen in `app/cards/` (`s<service>-c<change>.png`, **alle 30**).
+> **Deployment:** statisch, siehe
 > [`app/DEPLOY.md`](app/DEPLOY.md). **Lokal testen:** `python -m http.server 8099
 > --directory 04_Tablet-Quiz/app` (oder Preview-Config `.claude/launch.json`).
 
diff --git a/04_Tablet-Quiz/app/index.html b/04_Tablet-Quiz/app/index.html
index 09dbfb5..91843bc 100644
--- a/04_Tablet-Quiz/app/index.html
+++ b/04_Tablet-Quiz/app/index.html
@@ -843,9 +843,8 @@ function cardHtml(si, ci){ const c = acard(si, ci);
   return `<div style="font-weight:800;font-size:18px;color:var(--ink);margin-bottom:6px">${c.titel}</div>`
        + `<div>${c.text}</div>`
        + `<div style="color:var(--muted);font-style:italic;margin-top:8px">Was passiert an welchen Stellen?</div>`; }
-// Finale Action-Card-Grafik (cards/s<service>-c<change>.png). Eine fehlt noch
-// (s0-c0 "Open Source von oben!") -> Text-Fallback.
-function cardImg(si, ci){ return (si===0 && ci===0) ? null : `cards/s${si}-c${ci}.png`; }
+// Finale Action-Card-Grafik (cards/s<service>-c<change>.png) — alle 30 vorhanden.
+function cardImg(si, ci){ return `cards/s${si}-c${ci}.png`; }
 function cardMedia(si, ci){ const f = cardImg(si, ci);
   return f ? `<img class="acImg" src="${f}" alt="Action Card: ${acard(si,ci).titel}"
                 style="display:block;width:100%;max-width:300px;margin:6px auto;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.12)">`
diff --git a/04_Tablet-Quiz/app/sw.js b/04_Tablet-Quiz/app/sw.js
index 04d4be8..a516836 100644
--- a/04_Tablet-Quiz/app/sw.js
+++ b/04_Tablet-Quiz/app/sw.js
@@ -1,10 +1,9 @@
 /* Service Worker — SLC-Workshop Companion (App-Shell, offline-first) */
-const CACHE = "slc-companion-v2";
+const CACHE = "slc-companion-v3";
 const SHELL = ["./", "index.html", "manifest.webmanifest", "icon.svg"];
-// Action-Card-Grafiken (cards/s<service>-c<change>.png) fuer Offline vorab cachen.
+// Action-Card-Grafiken (cards/s<service>-c<change>.png) fuer Offline vorab cachen (alle 30).
 const CARDS = [];
 for (let s = 0; s <= 5; s++) for (let c = 0; c <= 4; c++) {
-  if (s === 0 && c === 0) continue;   // s0-c0 fehlt (Text-Fallback)
   CARDS.push(`cards/s${s}-c${c}.png`);
 }
 const ASSETS = SHELL.concat(CARDS);