fix game

cmd/client/web/index.html

@@ -304,36 +304,36 @@
 const SPRUECHE = [
     { text: "Mobbing ist besser als gar keine sozialen Kontakte.", author: "Ein Lehrer" },
     { text: "Ein Lehrer kauft sich ein Auto, weil ihm die Farbe gefallen hat.", author: "Schulflur-Legende" },
-    { text: "Was heißt Strafe auf Englisch? „Richard"?", author: "Ein Lehrer", ctx: "Während er versucht, einem Schüler etwas auf Englisch zu erklären" },
+    { text: "Was heißt Strafe auf Englisch? „Richard“?", author: "Ein Lehrer", ctx: "Während er versucht, einem Schüler etwas auf Englisch zu erklären" },
     { text: "Heute ist [alles in der Anwesenheitsliste] richtig eingetragen.", author: "Eine Lehrerin", ctx: "Am Montagmorgen. Ein paar Stunden später fehlte trotzdem jemand in der Liste." },
     { text: "Verstehen Sie überhaupt die Prüfungsfragen? Neh, ach …", author: "Ein Lehrer", ctx: "An einen Schüler" },
     { text: "Tut mir leid, dass ich Sie damit nerve, aber … [erzählt 10 Minuten über seine Weiterbildung zu Courage und Rechtsextremismus]. Ein Schüler meldet sich. – Ist das eine rechtsextreme Handlung?!", author: "Ein Lehrer" },
     { text: "Können wir nochmal eine LK über Straßennamen schreiben? – Ja klar, wenn du das willst.", author: "Schüler & Lehrerin", ctx: "Richard zur Deutschlehrerin im 3. Lehrjahr" },
     { text: "Mitten im WiKu-Unterricht betritt eine Lehrerin den Raum, schaut sich kurz um, schnappt sich den versteckten Wasserkocher vom Fensterstock und geht wieder. Ist das gerade wirklich passiert?", author: "Augenzeugen" },
-    { text: "Neues Lieblingswort: „Hanebüchen"", author: "Ein Lehrer" },
+    { text: "Neues Lieblingswort: „Hanebüchen“", author: "Ein Lehrer" },
     { text: "Einem Lehrer fällt die Kinnlade runter, als Reda chinesisch mit den chinesischen Lehrkräften spricht – und diese es verstehen.", author: "Augenzeugen" },
     { text: "Ich bin mit dem Staat verheiratet. … Ich hab das nur wegen der Pension gemacht.", author: "Ein Lehrer (Lehrer aus Überzeugung)" },
     { text: "Ich hab 'nen Freund, [Schüler]! – Das ist egal.", author: "Eine Lehrerin & Schüler" },
-    { text: "Beschreibungen im Unterricht u.a.: Slavenhändler, Mafia, Kopfgeld, Knebelverträge, Voodoo-Zauber (bei Physik und Frontend), Menschen quälen mit Aufgaben, goldene Balkone bauen, geklauter Code … und ein Ast als Zeigestock, mit dem er auf die Tastatur haut.", author: "Ein Lehrer" },
+    { text: "Beschreibungen im Unterricht u.a.: Slavenhandel, Mafia, Kopfgeld, Knebelverträge, Voodoo-Zauber (bei Physik und Frontend), Menschen quälen mit Aufgaben, goldene Balkone bauen, geklauter Code … und ein Ast als Zeigestock, mit dem er auf die Tastatur haut.", author: "Ein Lehrer" },
     { text: "Ein Kollege hat vorgeschlagen, bei der Hitze schon um 6:40 Uhr anzufangen. Ich meinte, um diese Zeit ist noch niemand da, nicht einmal ich selber. Dann meinte ich, wir sollten lieber 5:40 Uhr anfangen. Dann kommen noch welche von ihrem Heimweg vorbei.", author: "Ein Lehrer" },
     { text: "Nachdem wir in ihrem Kreuzworträtsel etwa 10 Fehler gefunden haben, gibt sie zu, dass sie es bei einem Gläschen Wein erstellt hat. 1A Unterrichtsvorbereitung.", author: "Eine Lehrerin" },
-    { text: "Die „Katastrophenprüfung" im Sommer 2023 – und die „Entschuldigungsprüfung" im Sommer 2024.", author: "Ein Lehrer" },
-    { text: "Das „Pippi"-Diagramm: das UML-Sequenzdiagramm.", author: "Ein Lehrer" },
+    { text: "Die „Katastrophenprüfung“ im Sommer 2023 – und die „Entschuldigungsprüfung“ im Sommer 2024.", author: "Ein Lehrer" },
+    { text: "Das „Pippi“-Diagramm: das UML-Sequenzdiagramm.", author: "Ein Lehrer" },
     { text: "Und wo ist euer Klassenbuch? Mit wem hattet ihr gestern zuletzt Unterricht? – Mit [dem Lehrer]. – Ah ja. – Der hat das gegessen.", author: "Eine Lehrerin" },
     { text: "Cool! Ich hab einen Klassensatz Bücher bestellt bekommen!", author: "Eine Lehrerin", ctx: "Freut sich wie ein Kind" },
     { text: "Ich hör viel zu viel Deutsch… Das ist nicht rassistisch gemeint. … Äh … Redet gefälligst in Englisch!", author: "Eine Lehrerin", ctx: "Im Englischunterricht" },
     { text: "Itze! Äh, äh, nowe! … Yes, this is good so.", author: "Eine Lehrerin" },
     { text: "Die anderen listen carefully, bitte.", author: "Eine Lehrerin" },
     { text: "Was mit Beschiss? Mit Beschiss kann ich. […] Ich hab den König gekrönt vom Bescheissen.", author: "Ein Lehrer" },
-    { text: "Ein Lehrer erzählt uns die Geschichte von dem Huhn, das aggro wurde, als es einen Waschbären traf – das jetzt so viel wert ist wie seine neue Brille.", author: "Schulflur-Legende" },
+    { text: "Ein Lehrer erzählt die Geschichte von dem Huhn, das aggro wurde, als es einen Waschbären traf – das jetzt so viel wert ist wie seine neue Brille.", author: "Schulflur-Legende" },
     { text: "EPK ist BPMN auf Steroiden.", author: "Ein Lehrer" },
     { text: "Richard ist heute nicht da. – Was!? Dann wird das ja heute richtig still im Raum. Geil. Das hab ich jetzt nicht gesagt.", author: "Schüler & Lehrerin" },
     { text: "Zu Hausmeistern habe ich immer noch das beste Verhältnis – im Gegensatz zu manchen anderen.", author: "Ein Lehrer" },
     { text: "Ein Kollege hat das bestimmt entspannter gemacht. Ich mag Menschen quälen.", author: "Ein Lehrer", ctx: "Zu LF 3" },
     { text: "Morgen sind Schüler unserer polnischen Partnerschule mit in unserem Unterricht. Die wollen von dem Besten lernen – also von mir.", author: "Ein Lehrer" },
-    { text: "Zwei Lehrer haben sich beim Kaffeetrinken über die Notengebung geeinigt. „[Der Kollege] ist da sehr entspannt, weil er Richard nur noch zwei Stunden die Woche hat."", author: "Schulflur-Legende" },
+    { text: "Zwei Lehrer haben sich beim Kaffeetrinken über die Notengebung geeinigt. „[Der Kollege] ist da sehr entspannt, weil er Richard nur noch zwei Stunden die Woche hat.“", author: "Schulflur-Legende" },
     { text: "Ich bräuchte jetzt wirklich einen Kaffee oder ein Bier. Aber bietet mir bloß nicht was aus eurem Kofferraum an! Nur weil manche Schüler das schon gemacht haben…", author: "Eine Lehrerin", ctx: "Nach ausführlicher Diskussion über Englisch-Noten in der 9. Stunde" },
-    { text: "Unterrichtsvorbereitung: „Ich werde es Ihnen beweisen. Hoffentlich habe ich keine zu große Klappe…"", author: "Ein Lehrer" },
+    { text: "Unterrichtsvorbereitung: „Ich werde es Ihnen beweisen. Hoffentlich habe ich keine zu große Klappe…“", author: "Ein Lehrer" },
     { text: "Ein Facharzt? Das ist ne echt gute Ausrede. Verdammte Scheiße…", author: "Ein Lehrer", ctx: "Zum Schüler, der früher gehen musste" },
     { text: "Scheiße, darauf kann ich nicht rumschreiben!", author: "Ein Lehrer", ctx: "Als er mit dem Tablet-Stift auf den Fernseher zugeht" },
     { text: "Can you read number 4? – Which number? – Please pay a little bit more attension to the lesson!", author: "Richard", ctx: "Während er versucht, die Klasse auf Englisch zu unterrichten, weil die Lehrerin noch nicht da war. Gelächter, weil er selbst sonst nur zu selten aufpasst." },
@@ -342,16 +342,16 @@ const SPRUECHE = [
     { text: "Mobbing ist 3 Monate durchgängig. Ich kann sie also nicht gar nicht mobben, weil sie immer weg sind.", author: "Ein Lehrer" },
     { text: "Ich spiele kein Schach mehr, seit ich gegen ein (Klein-)Kind verloren hab.", author: "Ein Lehrer" },
     { text: "Sind denn alle schon da? Es sind so wenig gerade. – Es sind ja auch nur die A- und C-Klasse da. Vermisst du etwa Richard?", author: "Samuel & Mitschüler" },
-    { text: "Spielen Sie „God of War"? So sehen sie auch aus.", author: "Ein Lehrer", ctx: "Zu einem Schüler in der ersten Reihe" },
+    { text: "Spielen Sie „God of War“? So sehen sie auch aus.", author: "Ein Lehrer", ctx: "Zu einem Schüler in der ersten Reihe" },
     { text: "Ich hab gesehen, dass jetzt sogar Spiele aus dem Microsoft Store hier funktionieren. Kaum zu glauben.", author: "Ein Lehrer", ctx: "Über die Schultechnik" },
-    { text: "Die Antwort soll „ja" sein. Mit genug Reden kann man auch das Gegenteil argumentieren. Mit viel Liebe, ja.", author: "Ein Lehrer", ctx: "Beim Auflösen einer Aufgabe" },
+    { text: "Die Antwort soll „ja“ sein. Mit genug Reden kann man auch das Gegenteil argumentieren. Mit viel Liebe, ja.", author: "Ein Lehrer", ctx: "Beim Auflösen einer Aufgabe" },
     { text: "Hallo, [Herr Lehrer]! – Was macht ihr denn jetzt? – Wir gehen auf's Klo. – Was macht [Richard] jetzt? Sich ein Loch graben?", author: "Richard, David & ein Lehrer" },
     { text: "Offiziell gibt's das Notenbuch gar nicht. – Der könnte von mir sein.", author: "Sebastian & ein Lehrer", ctx: "Über eigenmächtige Eintragungen" },
     { text: "Nicht richtig, aber auch nicht zielführend. – Richard: In der Prüfung… Aber wenn das nicht die Antwort ist, kann ich doch die IHK verklagen?", author: "Eine Lehrerin & Richard" },
     { text: "Wollen Sie jetzt damit sagen, dass Stuttgart keinen Bahnhof braucht? – Nein, aber net so ein Ding. Hätten sie mal lieber die halbe Stadt weggesprengt und einen richtigen Bahnhof hingebaut.", author: "Ein Lehrer" },
     { text: "Es geht darum, Sie drei Jahre hinzuhalten – und dann sind Sie eh weg.", author: "Ein Lehrer", ctx: "Zum Prinzip Berufsschule" },
-    { text: "Diesen Workaround gibt es hier nicht. Es gibt hier gar kein Problem. Am Tag darauf: Es gibt *** nochmal keine Probleme!", author: "Ein Lehrer", ctx: "Zu den „Problemchen" der IT-Infrastruktur" },
-    { text: "Wenn man seine Kommentare aus dem Kontext reißt: „Ich denke immer, ich bin doof. Aber das ist so."", author: "Ein Lehrer" },
+    { text: "Diesen Workaround gibt es hier nicht. Es gibt hier gar kein Problem. Am Tag darauf: Es gibt *** nochmal keine Probleme!", author: "Ein Lehrer", ctx: "Zu den „Problematica“ der IT-Infrastruktur" },
+    { text: "Wenn man seine Kommentare aus dem Kontext reißt: „Ich denke immer, ich bin doof. Aber das ist so.“", author: "Ein Lehrer" },
     { text: "Wollen Sie etwas Lustiges hören? Nein? Dann eben etwas Trauriges…", author: "Ein Lehrer", ctx: "Freitagmorgen" },
     { text: "Ein Lehrer schickt einen Schüler, ein Messer aus dem Lehrerzimmer zu holen – Tür extra offengelassen. Der Schüler kommt mit Messer heraus, begegnet zwei verdutzt schauenden Lehrern, grüßt freundlichst und geht weiter, als ob er das jeden Tag machen würde.", author: "Schulflur-Legende" },
     { text: "Warum wollen Sie die Schule versichern? Die können Sie sowieso nicht verklagen.", author: "Ein Lehrer" },
@@ -369,12 +369,12 @@ const SPRUECHE = [
     { text: "Es gibt eine große Zeitspanne, in der quasi keine Lehrer ausgebildet wurden. – Und dann gibt es noch solche von der Resterampe wie mich.", author: "Ein Lehrer" },
     { text: "Ja. So viel Pech im Denken kann man gar nicht haben.", author: "Ein Lehrer", ctx: "Als ihn ein Schüler fragte, mit wem er Spaß bei Sinusfunktionen hatte" },
     { text: "Richard; bei dir, das hab ich gleich gelassen und gar keine Note drunter geschrieben.", author: "Eine Lehrerin", ctx: "Beim Zurückgeben freiwilliger Aufgaben" },
-    { text: "Die Noten der letzten LK konnten nicht eingetragen werden, weil die Notenbücher verschwunden sind. Reaktion: „Die tauchen irgendwann schon wieder auf."", author: "Eine Lehrerin" },
+    { text: "Die Noten der letzten LK konnten nicht eingetragen werden, weil die Notebücher verschwunden sind. Reaktion: „Die tauchen irgendwann schon wieder auf.“", author: "Eine Lehrerin" },
     { text: "Ein Lehrer kommt random in der Mittagspause ins Zimmer und erzählt von seinen kulinarischen Abenteuern – u.a. Gammelfisch am Wochenende.", author: "Zeugen" },
     { text: "Samuel: Ich hab für den Weg zum Netto länger gebraucht als die WiKu-LK gerade.", author: "Samuel" },
     { text: "[Schüler], waren Sie gestern da? – Nein, ich war krank. Warum? – Weil ein Kollege drauf gewettet hat, dass Sie nicht da sind. Ich hab die Wette verloren.", author: "Ein Lehrer" },
-    { text: "[Herr Lehrer], wie heißen Sie eigentlich mit Vornamen? – „Unwichtig." – Aha, „Unwichtig [Nachname]." – Wie würden Sie sich nennen, wenn Sie sich einen Namen aussuchen könnten? – „Ich-hab-zu-tun,-Geh-weg."", author: "Richard & ein Lehrer" },
-    { text: "Der Assi = der Assistenzarzt. „Hat der Assi Sie gut behandelt?"", author: "Ein Lehrer" },
+    { text: "[Herr Lehrer], wie heißen Sie eigentlich mit Vornamen? – „Unwichtig.“ – Aha, „Unwichtig [Nachname].“ – Wie würden Sie sich nennen, wenn Sie sich einen Namen aussuchen könnten? – „Ich-hab-zu-tun,-Geh-weg.“", author: "Richard & ein Lehrer" },
+    { text: "Der Assi = der Assistenzarzt. „Hat der Assi Sie gut behandelt?“", author: "Ein Lehrer" },
     { text: "Dass ihr mal wisst, wie eine Prüfung physisch aussieht – hier die vom Sommer '26. – Die nehmen wir gerne! – Nein! Die vom Sommer '25.", author: "Ein Lehrer & Schüler" },
     { text: "Ich kenn einen Autor vom Westermann; der schimpft eigentlich nur.", author: "Ein Lehrer" },
     { text: "[Herr Lehrer], haben Sie ein Messer dabei? – Nein, leider nicht.", author: "Schüler & ein Lehrer" },
@@ -388,9 +388,9 @@ const SPRUECHE = [
     { text: "Da wäre ich fast ausm Schlüpper geflogen!", author: "Eine Lehrerin" },
     { text: "Was stört sich die Eiche, wenn sich ein Schwein daran wälzt.", author: "Ein Lehrer" },
     { text: "Ich habe nichts verstanden. – Hättest du auch nicht, wenn Ton da gewesen wäre.", author: "Leon & ein Lehrer", ctx: "Bei einem Video mit Tonproblemen" },
-    { text: "Ein Lehrer greift an eine gerissene Achillissehne (einer anderen Person), nur um zu wissen, wie sich das anfühlt: „Wie Matsch."", author: "Augenzeugen" },
+    { text: "Ein Lehrer greift an eine gerissene Achillessehne (einer anderen Person), nur um zu wissen, wie sich das anfühlt: „Wie Matsch.“", author: "Augenzeugen" },
     { text: "Wo ist Sebastian? – Krank. Wo ist euer Klassenbuch? – Krank.", author: "Reda" },
-    { text: "„W"-Fragen sind verpönt! Das geht gar nicht!", author: "Ein Lehrer" },
+    { text: "„W“-Fragen sind verpönt! Das geht gar nicht!", author: "Ein Lehrer" },
     { text: "Wenn Richard im Unterricht keine Zeit hat, mit Mitschülern zu reden – dann muss eine Lehrerin daran glauben…", author: "Schulflur-Legende" },
     { text: "Jetzt muss ich mir schon die Musterlösung schönsaufen.", author: "Ein Lehrer" },
     { text: "Ich muss die Prüfung nicht schreiben!", author: "Ein Lehrer", ctx: "Bei der Prüfungsvorbereitung" },
@@ -401,23 +401,25 @@ const SPRUECHE = [
     { text: "Ja, wir haben ein Kind. Meine Frau war da mehr beteiligt als ich.", author: "Ein Lehrer" },
     { text: "Kind kriegen ist glaub ich schon geiler als auf'm Mount Everest zu steigen.", author: "Ein Lehrer" },
     { text: "Ein Lehrer setzt Richard nach einem unruhigen Stundenstart nach vorne und fordert ihn zur Mitarbeit auf. Danach hat er im Unterricht niemanden mehr, den er rügen konnte.", author: "Augenzeugen" },
-    { text: "„Mach nicht den Reda!" = In einen Raum gehen, vor dem Schüler warten, und ihnen noch zurufen, dass da eine andere Klasse drin ist – in dem Moment hat er die Tür schon aufgemacht und blickt in die verwirrten Gesichter der fremden Klasse.", author: "Schulflur-Legende" },
+    { text: "„Mach nicht den Reda!“ = In einen Raum gehen, vor dem Schüler warten, und ihnen noch zurufen, dass da eine andere Klasse drin ist – in dem Moment hat er die Tür schon aufgemacht und blickt in die verwirrten Gesichter der fremden Klasse.", author: "Schulflur-Legende" },
 ];
 
 function showSprueche() {
     document.querySelectorAll('.overlay-screen').forEach(el => el.classList.add('hidden'));
     document.getElementById('spruecheMenu').classList.remove('hidden');
 
-    // Shuffle quotes
     const shuffled = [...SPRUECHE].sort(() => Math.random() - 0.5);
     const container = document.getElementById('spruecheList');
-    container.innerHTML = shuffled.map((q, i) => `
-        <div style="background: rgba(255,255,255,0.05); border-left: 3px solid #fc0; margin: 8px 0; padding: 12px 15px; border-radius: 3px;">
-            <p style="margin: 0 0 6px; font-family: sans-serif; font-size: 14px; color: #eee; line-height: 1.5;">${q.text.replace(/</g,'&lt;').replace(/>/g,'&gt;')}</p>
-            ${q.ctx ? `<p style="margin: 0 0 4px; font-size: 11px; color: #888; font-style: italic;">${q.ctx.replace(/</g,'&lt;').replace(/>/g,'&gt;')}</p>` : ''}
-            <p style="margin: 0; font-size: 12px; color: #fc0;">— ${q.author}</p>
-        </div>
-    `).join('');
+    container.innerHTML = shuffled.map(q => {
+        const txt = q.text.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
+        const ctx = q.ctx ? q.ctx.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;') : '';
+        const auth = q.author.replace(/&/g,'&amp;');
+        return '<div style="background:rgba(255,255,255,0.05);border-left:3px solid #fc0;margin:8px 0;padding:12px 15px;border-radius:3px;">'
+            + '<p style="margin:0 0 6px;font-family:sans-serif;font-size:14px;color:#eee;line-height:1.5;">' + txt + '</p>'
+            + (ctx ? '<p style="margin:0 0 4px;font-size:11px;color:#888;font-style:italic;">' + ctx + '</p>' : '')
+            + '<p style="margin:0;font-size:12px;color:#fc0;">— ' + auth + '</p>'
+            + '</div>';
+    }).join('');
 }
 </script>