From 38c4a948cac14f51eed20de45a6ba45f6126e220 Mon Sep 17 00:00:00 2001 From: breitenbach76 Date: Sat, 30 May 2026 13:23:12 +0200 Subject: [PATCH] Update index.html --- 04_Tablet-Quiz/prototype/index.html | 510 ++++++++++++++++++++++++++-- 1 file changed, 491 insertions(+), 19 deletions(-) diff --git a/04_Tablet-Quiz/prototype/index.html b/04_Tablet-Quiz/prototype/index.html index 7257b3a..943ba73 100644 --- a/04_Tablet-Quiz/prototype/index.html +++ b/04_Tablet-Quiz/prototype/index.html @@ -38,10 +38,12 @@ header .brand b { color: var(--accent); } header .tag { font-size: 12px; color: var(--muted); border:1px solid var(--line); padding:2px 8px; border-radius:999px; } header .spacer { flex: 1; } + .scenario { display:flex; gap:8px; align-items:center; flex-wrap:wrap; } .scenario select, button { font: inherit; border-radius: 10px; border: 1px solid var(--line); background: #fff; color: var(--ink); padding: 8px 12px; cursor: pointer; } + .scenario select { max-width: 260px; } button.primary { background: var(--accent); color: #fff; border-color: var(--accent); font-weight: 600; } button.ghost { background: #fff; } button:disabled { opacity: .45; cursor: default; } @@ -72,6 +74,8 @@ .stationId { color: var(--muted); font-size: 14px; } .token { font-size:13px; color:var(--muted); margin-top:10px; } .token b { color: var(--ink); } + .ctChip { display:inline-block; margin-left:6px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; color:var(--accent); border:1px solid var(--accent); border-radius:999px; padding:2px 9px; vertical-align:middle; } + .ctText { margin-top:8px; font-size:14px; color:var(--ink); background:#fff7f7; border-left:3px solid var(--accent); border-radius:8px; padding:10px 14px; max-width:760px; } .step { margin-top: 22px; } .stepHead { display:flex; align-items:center; gap:10px; font-size:12px; text-transform:uppercase; letter-spacing:.8px; color:var(--muted); margin-bottom:10px; } @@ -98,7 +102,7 @@ table.raci { width:100%; border-collapse: collapse; font-size:14px; } table.raci th, table.raci td { text-align:left; padding:8px 10px; border-bottom:1px solid var(--line); } table.raci th { color:var(--muted); font-weight:600; font-size:12px; text-transform:uppercase; letter-spacing:.5px; } - .raciBadge { display:inline-block; min-width:22px; text-align:center; font-weight:700; border-radius:6px; padding:2px 6px; font-size:12px; } + .raciBadge { display:inline-block; min-width:22px; text-align:center; font-weight:700; border-radius:6px; padding:2px 6px; font-size:12px; background:#eef0f3; color:#5a6675; } .raci-A { background:#fbe3e3; color:#b5202a; } .raci-R { background:#e3eefb; color:#1f5fae; } .raci-C { background:#fff1dd; color:#b5701a; } @@ -127,7 +131,8 @@
SLC Companion
Prototyp · v0.4
- + +
@@ -156,9 +161,11 @@