patrick/SLC_Game
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Companion-App: letzte Action-Card-Grafik s0-c0 ergaenzt (30/30)

Browse source 
- 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>
This commit is contained in:
breitenbach76 2026-06-06 14:53:54 +02:00
parent 6a53de9ee7
commit 34a0c34acb
3 changed files with 6 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

4
04_Tablet-Quiz/README.md
View file

@ -7,8 +7,8 @@
> Startpunkt → optionale Tour → Station: Diskussion/Quiz/Auflösung → Debrief mit > Startpunkt → optionale Tour → Station: Diskussion/Quiz/Auflösung → Debrief mit
> **Markdown-/JSON-Export**). Inhalte (40 Stationen, 45 Quizfragen, 6 Use-Cases) > **Markdown-/JSON-Export**). Inhalte (40 Stationen, 45 Quizfragen, 6 Use-Cases)
> sind derzeit in `app/index.html` eingebettet. Die **finalen Action-Card-Grafiken** > 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 — > (Freiburg-digital-Layout) liegen in `app/cards/` (`s<service>-c<change>.png`, **alle 30**).
> `s0-c0` „Open Source von oben!" fehlt noch → Text-Fallback). **Deployment:** statisch, siehe > **Deployment:** statisch, siehe
> [`app/DEPLOY.md`](app/DEPLOY.md). **Lokal testen:** `python -m http.server 8099 > [`app/DEPLOY.md`](app/DEPLOY.md). **Lokal testen:** `python -m http.server 8099
> --directory 04_Tablet-Quiz/app` (oder Preview-Config `.claude/launch.json`). > --directory 04_Tablet-Quiz/app` (oder Preview-Config `.claude/launch.json`).

5
04_Tablet-Quiz/app/index.html
View file

@ -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>` return `<div style="font-weight:800;font-size:18px;color:var(--ink);margin-bottom:6px">${c.titel}</div>`
+ `<div>${c.text}</div>` + `<div>${c.text}</div>`
+ `<div style="color:var(--muted);font-style:italic;margin-top:8px">Was passiert an welchen Stellen?</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 // Finale Action-Card-Grafik (cards/s<service>-c<change>.png) — alle 30 vorhanden.
// (s0-c0 "Open Source von oben!") -> Text-Fallback. function cardImg(si, ci){ return `cards/s${si}-c${ci}.png`; }
function cardImg(si, ci){ return (si===0 && ci===0) ? null : `cards/s${si}-c${ci}.png`; }
function cardMedia(si, ci){ const f = cardImg(si, ci); function cardMedia(si, ci){ const f = cardImg(si, ci);
return f ? `<img class="acImg" src="${f}" alt="Action Card: ${acard(si,ci).titel}" 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)">` style="display:block;width:100%;max-width:300px;margin:6px auto;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.12)">`

5
04_Tablet-Quiz/app/sw.js
View file

@ -1,10 +1,9 @@
/* Service Worker — SLC-Workshop Companion (App-Shell, offline-first) */ /* 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"]; 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 = []; const CARDS = [];
for (let s = 0; s <= 5; s++) for (let c = 0; c <= 4; c++) { 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`); CARDS.push(`cards/s${s}-c${c}.png`);
} }
const ASSETS = SHELL.concat(CARDS); const ASSETS = SHELL.concat(CARDS);