public/dialogs/stefan.json

+{
+  "$schema": "../../src/dialogSet.schema.json",
+  "title": "Stefan Dißmann – Geschäftsleitung",
+  "imageUrl": "./images/StefanDissmann300dpi3.jpg",
+  "startDialogName": "start",
+  "dialogs": {
+    "start": {
+      "text": "",
+      "options": [
+        {
+          "text": "Bin ich hier richtig bei Herrn Dißmann?",
+          "forbiddenFacts": [
+            "stefan/madeFirstContact",
+            "kitchenWaste/carriesStinkingBag"
+          ],
+          "linksToDialog": "firstContact"
+        },
+        {
+          "text": "Halten sie nicht die DAP1-Vorlesung?",
+          "requiredFacts": ["stefan/madeFirstContact"],
+          "forbiddenFacts": ["kitchenWaste/carriesStinkingBag"],
+          "linksToDialog": "dap1question"
+        },
+        {
+          "text": "Haben sie schon einmal darüber nachgedacht, Mitglied bei den Alumni zu werden?",
+          "requiredFacts": [
+            "stefan/madeFirstContact",
+            "hans/acceptedQuestToFindNewAlumniMembers"
+          ],
+          "forbiddenFacts": [
+            "stefan/askedToJoinAlumni",
+            "kitchenWaste/carriesStinkingBag"
+          ],
+          "linksToDialog": "joinAlumniQuestion"
+        },
+        {
+          "text": "Hallo?",
+          "requiredFacts": ["kitchenWaste/carriesStinkingBag"],
+          "linksToDialog": "kitchenBagResponse"
+        }
+      ]
+    },
+    "firstContact": {
+      "text": "Ja, sind sie. Kann ich etwas für dich tun?",
+      "addFacts": ["stefan/madeFirstContact"],
+      "options": [
+        {
+          "text": "Ich glaube schon",
+          "linksToDialog": "start"
+        }
+      ]
+    },
+    "dap1question": {
+      "text": "Ja, schon seit längerer Zeit und auch in diesem Semester wieder.",
+      "options": [
+        {
+          "text": "Erzählen sie mir bitte mehr",
+          "linksToDialog": "showDap1Video"
+        },
+        {
+          "text": "Interessant",
+          "linksToDialog": "start"
+        }
+      ]
+    },
+    "showDap1Video": {
+      "peertubeVideoId": "56907252-8545-4bc3-89ed-a3fa2e3cf850",
+      "options": [
+        {
+          "text": "Interessant",
+          "linksToDialog": "start"
+        }
+      ]
+    },
+    "joinAlumniQuestion": {
+      "text": "Bitte was?",
+      "options": [
+        {
+          "text": "Herr Decker sucht neue Mitglieder für den Alumni-Verein.",
+          "linksToDialog": "joinAlumniQuestion2"
+        }
+      ]
+    },
+    "joinAlumniQuestion2": {
+      "text": "Ja ja, das weiß ich, aber ich bin bereits Mitglied. Hat er dich zu mir geschickt?",
+      "options": [
+        {
+          "text": "Nein, ich soll nur generell Leute finden.",
+          "linksToDialog": "joinAlumniQuestion3"
+        }
+      ]
+    },
+    "joinAlumniQuestion3": {
+      "text": "Na dann weiter viel Erfolg dabei.",
+      "addFacts": ["stefan/askedToJoinAlumni"],
+      "options": [
+        {
+          "text": "Danke.",
+          "linksToDialog": "start"
+        }
+      ]
+    },
+    "kitchenBagResponse": {
+      "text": "Mein Büro ist nicht der Müllraum! Bring das bitte weg.",
+      "options": []
+    }
+  }
+}

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

+{
+  "$schema": "../../src/dialogSet.schema.json",
+  "title": "Müllraum",
+  "imageUrl": "",
+  "startDialogName": "start",
+  "dialogs": {
+    "start": {
+      "text": "",
+      "options": [
+        {
+          "text": "Versuchen, die Tür zu öffnen.",
+          "linksToDialog": "tryOpenDoor",
+          "requiredFacts": [
+            "kitchenWaste/acceptedQuest",
+            "kitchenWaste/carriesStinkingBag"
+          ]
+        },
+        {
+          "text": "Die Verarbeitungsqualität der Tür bewundern.",
+          "linksToDialog": "admireDoor"
+        }
+      ]
+    },
+    "tryOpenDoor": {
+      "text": "...",
+      "addFacts": ["kitchenWaste/attemptedToOpenWasteRoomDoor"],
+      "options": [
+        {
+          "text": "Mist, verschlossen.",
+          "linksToDialog": "triedToOpenDoor"
+        }
+      ]
+    },
+    "triedToOpenDoor": {
+      "text": "",
+      "options": []
+    },
+    "admireDoor": {
+      "text": "Du bewunderst staunend die wunderschön verarbeitete Holzplatte aus der die Tür gefertigt wurde.",
+      "options": [
+        {
+          "text": "Aufhören, die Verarbeitungsqualität der Tür zu bewundern.",
+          "linksToDialog": "start"
+        }
+      ]
+    }
+  }
+}

public/global.css

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

public/index.html

 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
 
-<head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <title>OH14 Work Adventure Story</title>
 
-  <title>OH14 Workadventure Story</title>
+    <link rel="icon" type="image/png" href="./favicon.png" />
+    <link rel="stylesheet" href="./global.css" />
+    <link rel="stylesheet" href="./build/bundle.css" />
 
-  <link rel="icon" type="image/png" href="./favicon.png" />
-  <link rel="stylesheet" href="./global.css" />
-  <link rel="stylesheet" href="./build/bundle.css" />
+    <script defer src="./build/bundle.js"></script>
+  </head>
 
-  <script defer src="./build/bundle.js"></script>
-</head>
-
-<body></body>
-
-</html>
\ No newline at end of file
+  <body></body>
+</html>

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