diff --git a/04_Tablet-Quiz/README.md b/04_Tablet-Quiz/README.md index 4a7170d..f9cbbdf 100644 --- a/04_Tablet-Quiz/README.md +++ b/04_Tablet-Quiz/README.md @@ -6,7 +6,9 @@ > (offline-/kioskfähig). Sie führt den kompletten Flow durch (Action Card → > 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. **Deployment:** statisch, siehe +> sind derzeit in `app/index.html` eingebettet. Die **finalen Action-Card-Grafiken** +> (Freiburg-digital-Layout) liegen in `app/cards/` (`s-c.png`, 29/30 — +> `s0-c0` „Open Source von oben!" fehlt noch → Text-Fallback). **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/cards/s0-c1.png b/04_Tablet-Quiz/app/cards/s0-c1.png new file mode 100644 index 0000000..ac25b8f Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s0-c1.png differ diff --git a/04_Tablet-Quiz/app/cards/s0-c2.png b/04_Tablet-Quiz/app/cards/s0-c2.png new file mode 100644 index 0000000..255d426 Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s0-c2.png differ diff --git a/04_Tablet-Quiz/app/cards/s0-c3.png b/04_Tablet-Quiz/app/cards/s0-c3.png new file mode 100644 index 0000000..d7a7587 Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s0-c3.png differ diff --git a/04_Tablet-Quiz/app/cards/s0-c4.png b/04_Tablet-Quiz/app/cards/s0-c4.png new file mode 100644 index 0000000..031930c Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s0-c4.png differ diff --git a/04_Tablet-Quiz/app/cards/s1-c0.png b/04_Tablet-Quiz/app/cards/s1-c0.png new file mode 100644 index 0000000..0aa579e Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s1-c0.png differ diff --git a/04_Tablet-Quiz/app/cards/s1-c1.png b/04_Tablet-Quiz/app/cards/s1-c1.png new file mode 100644 index 0000000..270c925 Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s1-c1.png differ diff --git a/04_Tablet-Quiz/app/cards/s1-c2.png b/04_Tablet-Quiz/app/cards/s1-c2.png new file mode 100644 index 0000000..692f60c Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s1-c2.png differ diff --git a/04_Tablet-Quiz/app/cards/s1-c3.png b/04_Tablet-Quiz/app/cards/s1-c3.png new file mode 100644 index 0000000..b212aca Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s1-c3.png differ diff --git a/04_Tablet-Quiz/app/cards/s1-c4.png b/04_Tablet-Quiz/app/cards/s1-c4.png new file mode 100644 index 0000000..a7bfce7 Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s1-c4.png differ diff --git a/04_Tablet-Quiz/app/cards/s2-c0.png b/04_Tablet-Quiz/app/cards/s2-c0.png new file mode 100644 index 0000000..ff004e9 Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s2-c0.png differ diff --git a/04_Tablet-Quiz/app/cards/s2-c1.png b/04_Tablet-Quiz/app/cards/s2-c1.png new file mode 100644 index 0000000..afa79a4 Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s2-c1.png differ diff --git a/04_Tablet-Quiz/app/cards/s2-c2.png b/04_Tablet-Quiz/app/cards/s2-c2.png new file mode 100644 index 0000000..cc77016 Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s2-c2.png differ diff --git a/04_Tablet-Quiz/app/cards/s2-c3.png b/04_Tablet-Quiz/app/cards/s2-c3.png new file mode 100644 index 0000000..3a7fe04 Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s2-c3.png differ diff --git a/04_Tablet-Quiz/app/cards/s2-c4.png b/04_Tablet-Quiz/app/cards/s2-c4.png new file mode 100644 index 0000000..c7c44bd Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s2-c4.png differ diff --git a/04_Tablet-Quiz/app/cards/s3-c0.png b/04_Tablet-Quiz/app/cards/s3-c0.png new file mode 100644 index 0000000..ef74d4f Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s3-c0.png differ diff --git a/04_Tablet-Quiz/app/cards/s3-c1.png b/04_Tablet-Quiz/app/cards/s3-c1.png new file mode 100644 index 0000000..868ee1b Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s3-c1.png differ diff --git a/04_Tablet-Quiz/app/cards/s3-c2.png b/04_Tablet-Quiz/app/cards/s3-c2.png new file mode 100644 index 0000000..e5c04d3 Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s3-c2.png differ diff --git a/04_Tablet-Quiz/app/cards/s3-c3.png b/04_Tablet-Quiz/app/cards/s3-c3.png new file mode 100644 index 0000000..1e92d29 Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s3-c3.png differ diff --git a/04_Tablet-Quiz/app/cards/s3-c4.png b/04_Tablet-Quiz/app/cards/s3-c4.png new file mode 100644 index 0000000..2b55f60 Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s3-c4.png differ diff --git a/04_Tablet-Quiz/app/cards/s4-c0.png b/04_Tablet-Quiz/app/cards/s4-c0.png new file mode 100644 index 0000000..e7f9924 Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s4-c0.png differ diff --git a/04_Tablet-Quiz/app/cards/s4-c1.png b/04_Tablet-Quiz/app/cards/s4-c1.png new file mode 100644 index 0000000..92c49c8 Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s4-c1.png differ diff --git a/04_Tablet-Quiz/app/cards/s4-c2.png b/04_Tablet-Quiz/app/cards/s4-c2.png new file mode 100644 index 0000000..bde7e0c Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s4-c2.png differ diff --git a/04_Tablet-Quiz/app/cards/s4-c3.png b/04_Tablet-Quiz/app/cards/s4-c3.png new file mode 100644 index 0000000..3d21db2 Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s4-c3.png differ diff --git a/04_Tablet-Quiz/app/cards/s4-c4.png b/04_Tablet-Quiz/app/cards/s4-c4.png new file mode 100644 index 0000000..5e924cb Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s4-c4.png differ diff --git a/04_Tablet-Quiz/app/cards/s5-c0.png b/04_Tablet-Quiz/app/cards/s5-c0.png new file mode 100644 index 0000000..0535b9e Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s5-c0.png differ diff --git a/04_Tablet-Quiz/app/cards/s5-c1.png b/04_Tablet-Quiz/app/cards/s5-c1.png new file mode 100644 index 0000000..b4e46ea Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s5-c1.png differ diff --git a/04_Tablet-Quiz/app/cards/s5-c2.png b/04_Tablet-Quiz/app/cards/s5-c2.png new file mode 100644 index 0000000..1df396b Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s5-c2.png differ diff --git a/04_Tablet-Quiz/app/cards/s5-c3.png b/04_Tablet-Quiz/app/cards/s5-c3.png new file mode 100644 index 0000000..b7319d8 Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s5-c3.png differ diff --git a/04_Tablet-Quiz/app/cards/s5-c4.png b/04_Tablet-Quiz/app/cards/s5-c4.png new file mode 100644 index 0000000..ab3bb6a Binary files /dev/null and b/04_Tablet-Quiz/app/cards/s5-c4.png differ diff --git a/04_Tablet-Quiz/app/index.html b/04_Tablet-Quiz/app/index.html index 9185785..09dbfb5 100644 --- a/04_Tablet-Quiz/app/index.html +++ b/04_Tablet-Quiz/app/index.html @@ -843,6 +843,13 @@ function cardHtml(si, ci){ const c = acard(si, ci); return `
${c.titel}
` + `
${c.text}
` + `
Was passiert an welchen Stellen?
`; } +// Finale Action-Card-Grafik (cards/s-c.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`; } +function cardMedia(si, ci){ const f = cardImg(si, ci); + return f ? `Action Card: ${acard(si,ci).titel}` + : cardHtml(si, ci); } /* ====================== RENDER: SIDEBAR ====================== */ function renderList(){ @@ -897,7 +904,7 @@ function renderCardScreen(){ -
${cardHtml(S.service,S.change)}
+
${cardMedia(S.service,S.change)}
@@ -909,7 +916,7 @@ function renderCardScreen(){ svc.innerHTML = USE_CASES.map((u,i)=>``).join(""); ch.innerHTML = CHANGE_TYPES.map((c,i)=>``).join(""); svc.value=S.service; ch.value=S.change; - const refresh=()=>{ $("#cardTrigger").innerHTML=cardHtml(S.service,S.change); }; + const refresh=()=>{ $("#cardTrigger").innerHTML=cardMedia(S.service,S.change); }; svc.onchange=()=>{ S.service=+svc.value; save(); refresh(); }; ch.onchange=()=>{ S.change=+ch.value; save(); refresh(); }; $("#randomCard").onclick=()=>{ S.service=Math.floor(Math.random()*USE_CASES.length); S.change=Math.floor(Math.random()*CHANGE_TYPES.length); save(); draw(); }; diff --git a/04_Tablet-Quiz/app/sw.js b/04_Tablet-Quiz/app/sw.js index d86914d..04d4be8 100644 --- a/04_Tablet-Quiz/app/sw.js +++ b/04_Tablet-Quiz/app/sw.js @@ -1,6 +1,13 @@ /* Service Worker — SLC-Workshop Companion (App-Shell, offline-first) */ -const CACHE = "slc-companion-v1"; -const ASSETS = ["./", "index.html", "manifest.webmanifest", "icon.svg"]; +const CACHE = "slc-companion-v2"; +const SHELL = ["./", "index.html", "manifest.webmanifest", "icon.svg"]; +// Action-Card-Grafiken (cards/s-c.png) fuer Offline vorab cachen. +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); self.addEventListener("install", (e) => { e.waitUntil(