public/dialogs/tonerMissingGuy.json

+{
+  "$schema": "../../src/dialogSet.schema.json",
+  "title": "Ein verzweifelter Studi",
+  "imageUrl": "./images/unsplash_desperate.png",
+  "startDialogName": "start",
+  "dialogs": {
+    "start": {
+      "text": "",
+      "options": [
+        {
+          "text": "Du siehst aber gar nicht gut aus, was ist denn los?",
+          "forbiddenFacts": [
+            "tonerMissingGuy/questStarted",
+            "tonerMissingGuy/questFinished"
+          ],
+          "linksToDialog": "intro1"
+        },
+        {
+          "text": "Hallo!",
+          "requiredFacts": [
+            "tonerMissingGuy/questStarted"
+          ],
+          "forbiddenFacts": [
+            "tonerMissingGuy/questFinished"
+          ],
+          "linksToDialog": "questState"
+        },
+        {
+          "text": "Oh, druckst du immer noch?",
+          "requiredFacts": [
+            "tonerMissingGuy/questFinished"
+          ],
+          "linksToDialog": "stillPrinting"
+        }
+      ]
+    },
+    "intro1": {
+      "text": "Ich bin verzweifelt! Der Drucker druckt nicht!",
+      "options": [
+        {
+          "text": "Puh, von Druckern habe ich auch keine Ahnung. Vielleicht kann dir jemand anderes helfen.",
+          "linksToDialog": "sad"
+        },
+        {
+          "text": "Hast du mal versucht den Drucker aus- und wieder einzuschalten?",
+          "linksToDialog": "intro2"
+        }
+      ]
+    },
+    "sad": {
+      "text": "Schade! Falls du mir doch helfen möchtest, schau gerne wieder vorbei.",
+      "options": []
+    },
+    "intro2": {
+      "text": "Warte!\n...\n...\n...\nJetzt sagt er, dass der Toner leer ist!\nWo bekomme ich den denn jetzt her? Du musst mir helfen!",
+      "options": [
+        {
+          "text": "Oh, da habe ich leider keine Zeit für.",
+          "linksToDialog": "sad"
+        },
+        {
+          "text": "Ok, ich schaue mal ob ich irgendwo Toner auftreiben kann.",
+          "linksToDialog": "startQuest"
+        }
+      ]
+    },
+    "startQuest": {
+      "text": "Danke! Ich warte hier und passe auf, dass der Drucker nicht plötzlich Feuer fängt.",
+      "addFacts": [
+        "tonerMissingGuy/questStarted"
+      ],
+      "options": []
+    },
+    "questState": {
+      "text": "Oh, da bist du ja wieder! Hast du schon Toner gefunden?",
+      "options": [
+        {
+          "text": "Leider noch nicht...",
+          "forbiddenFacts": [
+            "tonerMissingGuy/gotToner"
+          ],
+          "linksToDialog": "comeBack"
+        },
+        {
+          "text": "Ja, schau mal hier!",
+          "requiredFacts": [
+            "tonerMissingGuy/gotToner"
+          ],
+          "linksToDialog": "questFinish"
+        }
+      ]
+    },
+    "comeBack": {
+      "text": "Schade. Ich warte hier und beobachte weiter den Switch beim Blinken.",
+      "options": []
+    },
+    "stillPrinting": {
+      "text": "Ja, sonderlich schnell ist der Drucker nicht.",
+      "options": []
+    },
+    "questFinish": {
+      "text": "Danke! Jetzt druckt er endlich wieder!",
+      "addFacts": [
+        "tonerMissingGuy/questFinished"
+      ],
+      "options": []
+    }
+  }
+}

public/dialogs/wasteExit.json

+{
+  "$schema": "../../src/dialogSet.schema.json",
+  "title": "Keller-Hinterausgang",
+  "imageUrl": "",
+  "startDialogName": "start",
+  "dialogs": {
+    "start": {
+      "text": "Du stehst vor dem Keller-Hinterausgang der OH14",
+      "options": [
+        {
+          "text": "Müll in die Mülltonne vor der Tür schmeißen",
+          "requiredFacts": [
+            "kitchenWaste/acceptedQuest",
+            "kitchenWaste/carriesStinkingBag"
+          ],
+          "linksToDialog": "ejectWaste"
+        }
+      ]
+    },
+    "ejectWaste": {
+      "addFacts": ["kitchenWaste/ejectedWaste"],
+      "removeFacts": ["kitchenWaste/carriesStinkingBag"],
+      "text": "Du hast den Müll entsorgt.",
+      "options": []
+    }
+  }
+}

public/dialogs/wasteRoomDoor.json

@@ -23,6 +23,7 @@
     },
     "tryOpenDoor": {
       "text": "...",
+      "addFacts": ["kitchenWaste/attemptedToOpenWasteRoomDoor"],
       "options": [
         {
           "text": "Mist, verschlossen.",

public/global.css

@@ -57,3 +57,7 @@ button:not(:disabled):active {
 button:focus {
   border-color: #666;
 }
+
+iframe {
+  width: 100%;
+}

public/infobrett-entrypoint.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+
+    <title>OH14 Work Adventure Infoboard entrypoint</title>
+
+    <link rel="icon" type="image/png" href="./favicon.png" />
+    <link rel="stylesheet" href="./global.css" />
+</head>
+
+<body>
+    <main>
+        <article>
+            <h3>Willkommen auf dem <i>Work Adventure</i> der Fachschaft!</h3>
+            <p>
+                Hier eine kurze Benutzungsanleitung:
+            <ul>
+                <li>
+                    Mit den WASD-Tasten kannst du dich bewegen. Du hast es ja bereits hier her geschafft.
+                </li>
+                <li>
+                    Solltest du anderen Spielern begegnen, erscheint ein Kreis um euch und ihr könnt euch sehen und
+                    miteinander sprechen.
+                    <br>
+                    <img src="./images/tutorial_01.png" alt="" style="max-height: 25rem;">
+                </li>
+                <li>
+                    Das funktioniert mit bis zu 4 Leuten, danach wird der Kreis rot und keine weitere Leute können der
+                    Unterhaltung beitreten.
+                    <br>
+                    <img src="./images/tutorial_02.png" alt="" style="max-height: 25rem;">
+                </li>
+                <li>
+                    Größere Unterhaltungen können in Zonen geführt werden, die durch das Kamera-mit-Menschen-Symbol
+                    markiert sind. Bleibt ihr dort stehen, tretet ihr einem Jitsi-Video-Meeting bei.
+                    <br>
+                    <img src="./images/tutorial_03.png" alt="" style="max-height: 25rem;">
+                </li>
+                <li>
+                    Fenster, die sich über den rechten Bildschirmteil legen (wie dieses hier oder ein
+                    Jitsi-Video-Meeting), könnt ihr schließen, in dem ihr in der
+                    rechten oberen Bildschirmecke auf das kleine X klickt.
+                    Danach solltet ihr euch wieder frei bewegen können.
+                    <br>
+                    <img src="./images/tutorial_04.png" alt="" style="max-height: 18rem;">
+                </li>
+                <li>
+                    Durch Türen oder Treppen kommt ihr meist in andere Räume bzw Etagen.
+                    Wundert euch nicht, wenn euer Bildschirm dann kurz schwarz wird, Work Adventure lädt dann die neuen
+                    Level-Dateien.
+                    <br>
+                    <img src="./images/tutorial_05.png" alt="" style="max-height: 18rem;">
+                </li>
+                <li>
+                    Du kannst deinen Charakter nicht sehen? Lade die Seite neu (Strg+Umsch+R).
+                </li>
+                <li>
+                    Die Einblendung auf der rechten Seite ist nur weiß? Geh noch mal einen Schritt zurück und versuche es dann erneut.
+                </li>
+                <li>
+                    Video und Audio sind irgendwie kaputt? Es kann sein, dass du Ad-Blocker oder andere Schutz-Tools
+                    noch angeschaltet hast, die WebRTC nicht mögen. Schalte diese aus und lade die Seite neu.
+                    Wenn es dann immer noch kaputt ist, melde dich bitte bei uns.
+                </li>
+            </ul>
+            </p>
+        </article>
+    </main>
+</body>
+
+</html>
\ No newline at end of file

public/studiboerse/anleitung.html

+<!DOCTYPE html>
+<html lang="de">
+
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+
+    <title>Studi-Börse Anleitung</title>
+
+    <link rel="icon" type="image/png" href="./favicon.png" />
+    <link rel="stylesheet" href="../global.css" />
+</head>
+
+<body>
+    <main>
+        <article>
+            <h3>Willkommen bei der Studi-Börse!</h3>
+            <p>
+                Die Anleitung zum Work Adventure habt ihr hoffentlich schon am Anfang gesehen. Hier eine kurze Anleitung zur Studi-Börse:
+            <ul>
+                <li>
+                    Um eine Lerngruppe zu finden begib dich zu dem passenden Modulraum. Die Räume sind nach Bachelor, Master und Anwendungs-/Nebenfach kategorisiert und nach Aphabet sortiert.
+                </li>
+                <li>
+                    Begib dich zu einem Wegweiser um die Mini-Map zu öffnen und dich zu orientieren.
+                    <br>
+                    <img src="wegweiser.png" alt="" style="max-height: 25rem;">
+                </li>
+                <li>
+                    Falls du nochmal auf den Studienverlaufsplan gucken möchtest, begib dich zu einem Bildschirm an der Wand.
+                    <br>
+                    <img src="bildschirm.png" alt="" style="max-height: 25rem;">
+                </li>
+                <li>
+                    Vor jedem Modulraum befindet sich ein Info-Icon.
+                    <br>
+                    <img src="info.png" alt="" style="max-height: 25rem;">
+                    <br>
+                    Gehst du dorthin, wird in den meisten Fällen das entsprechende Modulhandbuch geöffnet.
+                    Damit das richtig funktioniert solltest du die PDFs im Browser anzeigen lassen. In Firefox ist das in den Einstellungen beispielsweise diese Option:
+                    <br>
+                    <img src="open-in-firefox.png" style="max-height: 25rem;">
+                </li>
+                <li>
+                    Solltest du noch Fragen haben befindet sich draußen hinter dieser Tür ein Supportraum.
+                    <br>
+                    <img src="support.png" alt="" style="max-height: 25rem;">
+                </li>
+            </ul>
+            </p>
+            Und jetzt wünschen wir noch viel Spaß!<br>
+            Dein Fachschaftsrat
+        </article>
+    </main>
+</body>
+
+</html>
\ No newline at end of file

public/studiboerse/mini-map.html

+<!DOCTYPE html>
+<html lang="de">
+
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+
+    <title>StudiBörse Mini-Map</title>
+
+    <link rel="icon" type="image/png" href="./favicon.png" />
+    <link rel="stylesheet" href="../global.css" />
+</head>
+
+<body>
+    <main>
+        <article>
+            <h3>Mini-Map</h3>
+            <p>
+                <h4>Hier findest du Alles!</h4>
+
+                <img src="mini-map1.png" alt="" style="max-height: 23rem;">
+                <img src="mini-map2.png" alt="" style="max-height: 17rem;">
+
+                <h4>Bachelor</h4>
+            <ul>
+                <li>BS (Betriebssysteme)</li>
+                <li>DAP1 (Datenstrukturen, Algorithmen und Programmierung 1)</li>
+                <li>DAP2 (Datenstrukturen, Algorithmen und Programmierung 2)</li>
+                <li>DBPrax (Datenbanken in der Praxis)</li>
+                <li>EA (Effiziente Algorithmen)</li>
+                <li>EiDV (Einführung in die Datenvisualisierung)</li>
+                <li>EtKt (Elektrotechnik und Kommunikationstechnik)</li>
+                <li>ElektrGP (Elektronische Geschäftsprozesse)</li>
+                <li>FMSE (Formale Methoden des Systementwurfs)</li>
+                <li>FuPro (Funktionale Programmierung)</li>
+                <li>GTI/TIfAI (Grundbegriffe der theoretischen Informatik)</li>
+                <li>HöMa2 (Höhere Mathematik 2)</li>
+                <li>IS (Informationssysteme)</li>
+                <li>MafI1 (Mathematik für Informatik 1)</li>
+                <li>MafI2 (Mathematik für Informatik 2)</li>
+                <li>MAO (Modellgestütze Analyse und Optimierung)</li>
+                <li>RA (Rechnerarchitektur)</li>
+                <li>SWT (Softwaretechnik)</li>
+                <li>ÜBau (Übersetzerbau)</li>
+                <li>WR (Wissenschaftliches Rechnen)</li>
+                <li>WT2 (Webtechnologien 2)</li>
+            </ul>
+
+                <h4>Master</h4>
+            <ul>
+                <li>ADS (Advanced Data Structures)</li>
+                <li>AIDS (Architektur und Implementierung von Datenbanksystemen)</li>
+                <li>ATGD (Aktuelle Themen der Graphischen Datenverarbeitung)</li>
+                <li>ATLSE(Aktuelle Themen im logikbasierten Software Engineering)</li>
+                <li>CPS (Cyber-Physical and Embedded Systems)</li>
+                <li>CR (Commonsense Reasoning)</li>
+                <li>CV (Computer Vision)</li>
+                <li>DV (Datenvisualisierung)</li>
+                <li>FDS (Foundations of Data Science)</li>
+                <li>FTdW (Fortgeschrittene Themen der WIssensrepräsentation)</li>
+                <li>GDL (Geometric Deep Learning)</li>
+                <li>GM (Geometrische Modellierung)</li>
+                <li>IDS2 (Industrial Data Science 2)</li>
+                <li>ITM (IT-Management)</li>
+                <li>ITR (IT-Recht <li>Grundlagen für Informatiker [Informatik im Kontext])</li>
+                <li>KT (Komplexitätstheorie)</li>
+                <li>LiR (Learning in Robotics)</li>
+                <li>MGSE (Methodische Grundlagen des Software Engineering)</li>
+                <li>MLP (Machine Learning Paradigms for Complex Data)</li>
+                <li>MR (Mobile Robots/Mobile Roboter)</li>
+                <li>MUOR(Mehrgrößensysteme und optimale Regelung)</li>
+                <li>NS (Natürlichsprachliche Systeme)</li>
+                <li>PM (Personalmanagement [Informatik im Kontext])</li>
+                <li>PO (Praktische Optimierung [komlexer Systeme])</li>
+                <li>RTSA (Real-Time Systems and Applications)</li>
+                <li>SaS (Sichere autonome Systeme)</li>
+                <li>SPaS (Scheduling Problems and Solutions)</li>
+                <li>TfCAS (Typesystems for Correctness and Security)</li>
+                <li>VSS (Verlässliche Systemsoftware)</li>
+                <li>WiD (Wissensentdeckung in Datenbanken)</li>
+
+            </ul>                
+                <h4>Nebenfächer und Anwendungsfächer</h4>
+            <ul>
+                <li>DLI (Dienstleisunginformatik)</li>
+                <li>ETech (Elektrotechnik)</li>
+                <li>Logistik
+                <li>MaschBau (Maschinenbau)</li>
+                <li>Mathe (Mathematik)</li>
+                <li>Philo (Philosophie)</li>
+                <li>Physik
+                <li>RehaTech (Rehabilitationstechnologie)</li>
+                <li>Robotik
+                <li>Statistik
+                <li>TheoMed (Theoretische Medizin)</li>
+                <li>WiWi (Wirtschaftswissenschaften)</li>
+            </ul>
+            </p>
+        </article>
+    </main>
+</body>
+
+</html>