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

v8

Browse source
This commit is contained in:
breitenbach76 2026-06-07 13:26:37 +02:00
parent c42965ee31
commit 31fdaeb3e0
1 changed files with 13 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -159,10 +159,14 @@
/* Aufgaben-Kasten (Anweisung hervorgehoben) */ /* Aufgaben-Kasten (Anweisung hervorgehoben) */
.frageBox{background:#f7f9fc;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;padding:14px 18px;margin:6px 0;font-size:16px;line-height:1.55} .frageBox{background:#f7f9fc;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;padding:14px 18px;margin:6px 0;font-size:16px;line-height:1.55}
.frageBox .frageLabel{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:700;margin-bottom:5px} .frageBox .frageLabel{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:700;margin-bottom:5px}
/* Phasen-Abschluss-Feedback */ /* Phasen-Abschluss-Feedback (an Gates) */
.phaseDone{margin:16px 0 4px;padding:16px 18px;border-radius:12px;background:#fffdf5;border:1px solid var(--line);border-left:4px solid var(--accent)} .phaseDone{margin:16px 0 4px;padding:16px 18px;border-radius:12px;background:#fffdf5;border:1px solid var(--line);border-left:4px solid var(--accent)}
.phaseDone .pdTitle{font-weight:800;font-size:18px;margin-bottom:6px} .phaseDone .pdTitle{font-weight:800;font-size:18px;margin-bottom:6px}
.phaseDone p{color:var(--ink)} .phaseDone p{color:var(--ink)}
/* Aktivitaets-Abschluss-Feedback */
.actDone{margin:16px 0 4px;padding:14px 16px;border-radius:12px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--ok)}
.actDone .adTitle{font-weight:800;font-size:16px;color:#177a44;margin-bottom:2px}
.actDone .adPhase{margin:10px 0 0;padding-top:10px;border-top:1px dashed var(--line);font-size:15px}
.actions { display:flex; gap:10px; align-items:center; margin-top:24px; flex-wrap:wrap; } .actions { display:flex; gap:10px; align-items:center; margin-top:24px; flex-wrap:wrap; }
.actions .spacer { flex:1; } .actions .spacer { flex:1; }
@ -1206,12 +1210,14 @@ function renderActivity(st){
</div>`; </div>`;
if(step.legend) html += step.legend; if(step.legend) html += step.legend;
if(S.actReveal) html += `<div class="aufBox">${step.auf}</div>`; if(S.actReveal) html += `<div class="aufBox">${step.auf}</div>`;
if(phaseEnd){ if(S.actReveal && isLast){
const nextColor = PHASEN[next.phase].color; const phaseLine = phaseEnd
html += `<div class="phaseDone" style="border-left-color:${nextColor}"> ? `<p class="adPhase">🎉 Damit habt ihr die Phase <b style="color:${phaseColor}">${PHASEN[st.phase].label}</b> zu Ende gespielt — weiter mit der Phase <b style="color:${PHASEN[next.phase].color}">${PHASEN[next.phase].label}</b>.</p>`
<div class="pdTitle">🎉 Phase abgeschlossen</div> : ``;
<p style="margin:4px 0">Gratulation — ihr habt die Phase <b style="color:${phaseColor}">${PHASEN[st.phase].label}</b> zu Ende gespielt!</p> html += `<div class="actDone">
<p style="margin:4px 0">Weiter geht's mit der Phase <b style="color:${nextColor}">${PHASEN[next.phase].label}</b>.</p> <div class="adTitle">✓ Aktivität abgeschlossen</div>
<p style="margin:4px 0">Gut gemacht! Ihr habt <b>${st.id} — ${st.name}</b> durchgespielt.</p>
${phaseLine}
</div>`; </div>`;
} }