Initial Version

.github/workflows/deploy.yml

@@ -0,0 +1,16 @@
+
+permissions:
+  contents: write
+jobs:
+  build-and-deploy:
+    concurrency: ci-${{ github.ref }}
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v3
+    - name: Deploy
+      uses: JamesIves/github-pages-deploy-action@v4
+      with:
+        folder: /
+        clean: true
+        clean-exclude: |
+          CNAME

assets/css/styles.css

@@ -0,0 +1,52 @@
+html {
+    font-size: 16pt;
+    font-family: "Open Sans", "Lato", Roboto, Arial, sans-serif;
+}
+
+body {
+    background-color: rgb(49, 21, 62);
+    color: rgb(249, 247, 241);
+    text-align: center;
+    padding: 2rem;
+}
+
+a {
+    color: rgb(249, 247, 241);
+    text-underline-offset: .2em;
+}
+
+a, a:visited, a:focus {
+    text-decoration: dotted underline;
+}
+
+a:hover {
+    text-decoration: solid underline;
+}
+
+.small {
+    font-size: 0.8em;
+}
+
+#definition {
+    font-style: italic;
+}
+
+#savant {
+    width: 80%;
+    max-height: 70%;
+}
+
+@media (min-width: 992px) {
+    #savant {
+        width: 30%;
+    }
+}
+
+#advice {
+    font-size: 1.6rem;
+}
+
+#about {
+    font-size: 0.8rem;
+    margin-top: 5rem;
+}

assets/js/scripts.js

@@ -0,0 +1,72 @@
+const advices = [
+  "Die Anzahl der Außenseiter wurde (nicht) verändert.",
+  "Die Fähigkeiten von mindestens [Zahl] Spielern haben letzte Nacht nicht richtig funktioniert.",
+  "Ein Koch hätte letzte Nacht eine [Zahl] bekommen.",
+  "Genau [Zahl] Bürger haben letzte Nacht <einen bösen Spieler/den Dämon> ausgewählt.",
+  "Mindestens [Zahl] Spieler sind von Madness betroffen.",
+  "Mindestens [Zahl] der toten Spieler sind böse.",
+  "Mindestens [Zahl] einmal pro Spiel nutzbare Fähigkeiten wurden eingesetzt.",
+  "Mindestens [Zahl] deiner (lebenden) Nachbarn sind betrunken oder vergiftet.",
+  "[Charakter] und [Charakter] sitzen nebeneinander.",
+  "[Charakter] ist im Spiel ODER [Charakter] ist im Spiel.",
+  "[Dämon] ist nicht im Spiel.",
+  "Eine einmal pro Spiel nutzbare Fähigkeit wurde (nicht) eingesetzt.",
+  "Der Dämon sitzt neben einem <Schergen/Außenseiter>.",
+  "Die längste zusammenhängende Kette von <guten/bösen> Spielern ist [Zahl].",
+  "Du wurdest von der Witch verflucht.",
+  "Der Snake Charmer hat letzte Nacht [Charakter/Rollentyp] gewählt.",
+  "Der Dämon sitzt neben [Zahl] Bürgern.",
+  "Alle Informationen, die die Bürger letzte Nacht erhalten haben, waren korrekt.",
+  "Letzte Nacht sind gute Spieler aufgewacht.",
+  "Ein Spieler hat letzte Nacht den Charakter gewechselt.",
+  "Niemand ist heute von Madness betroffen.",
+  "Ein <guter/böser> Spieler ist heute von Madness betroffen.",
+  "Ein Spieler hat letzte Nacht das Team gewechselt.",
+  "[Spieler] und [Spieler] sind im selben Team.",
+  "Letzte Nacht hat ein Spieler abgelehnt, seine Fähigkeit zu benutzen.",
+  "In diesem Spiel gibt es keine von mit Madness in Verbindung stehenden Charaktere.",
+  "[Zahl] Spieler haben letzte Nacht eine Zahl erhalten.",
+  "[Scherge] hat jede Nacht denselben Spieler gewählt.",
+  "Es gibt jetzt <mehr/weniger> <Außenseiter/Bürger> als zu Beginn des Spiels.",
+  "Deine (lebenden) Nachbarn sind im <selben/unterschiedlichen> Team.",
+  "[Charakter] wurde gestern nominiert.",
+  "Eine einmal pro Spiel nutzbare Fähigkeit hat falsche Informationen erhalten.",
+  "Es ist unmöglich, dass der Dämon auf einem anderen Spieler übergeht.",
+  "Letzte Nacht wurden keine neuen Charaktere erschaffen.",
+  "[Zahl] deiner (lebenden) Nachbarn ist vergiftet.",
+  "Alle bösen Spieler sind noch am Leben.",
+  "[Charakter] wurde letzte Nacht von [Scherge] ausgewählt.",
+  "[Zahl] deiner (lebenden) Nachbarn wurde von einem anderen Spieler ausgewählt.",
+  "Mindestens ein Scherge wusste zu Beginn des Spiels nicht, wer der Dämon war.",
+  "Ein nüchterner und gesunder Noble hätte [Spieler], [Spieler] und [Spieler] gesehen.",
+  "Du hattet gestern eine private Unterhaltung mit einem bösen Spieler.",
+  "[Charakter] hat <gestern/letzte Nacht> nüchternde, gesunde und wahre Informationen erhalten.",
+  "[Charakter] ist ein Dämonenbluff.",
+  "Ein <böser Spieler/Außenseiter> wurde gestern nominiert.",
+  "[Spieler] ist in der Nacht gestorben, aber nicht durch den Dämon.",
+  "[Charakter] war anfangs gut, ist aber jetzt böse.",
+  "Die Zahl der Bürger-Paare ist [Zahl].",
+  "[Charakter] ist nicht im Spiel.",
+  "Ein vergifteter Bürger hat letzte Nacht wahre Informationen erhalten.",
+  "Der Lunatic und der Dämon haben letzte Nacht unterschiedliche Ziele gewählt.",
+  "[Zahl] Spieler kennen ihren wirklichen Charakter nicht.",
+  "[Zahl] böse Spieler sind letzte Nacht aufgewacht.",
+  "Ein böser Spieler hat sich letzte Nacht selbst gewählt.",
+  "Zwei Personen, die behaupten der selbe Charakter zu sein, sind im selben Team.",
+  "Einer deiner (lebenden) Nachbarn hat [Zahl] Erinnerungsplättchen im Grimoire.",
+  "Der Dämon hat letzte Nacht einen toten Spieler gewählt.",
+  "Zu Beginn des Spiels gab es keinen Dämon.",
+  "Es gibt mindestens [Zahl] Rollen, die den Tod verhindern.",
+  "Gestern haben keine Außenseiter abgestimmt.",
+  "Die Tode der letzten Nacht sind nicht auf einen Dämon zurückzuführen."
+]
+
+function newAdvice() {
+  const oldText = document.getElementById('advice').innerText;
+  while (oldText == document.getElementById('advice').innerText) {
+    document.getElementById('advice').innerText = advices[Math.floor(Math.random() * advices.length)];
+  }
+}
+
+newAdvice();
+document.getElementById('trigger').addEventListener('click', newAdvice);

index.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
+    <meta name="description" content=""/>
+    <meta name="author" content="Dennis Schürholz, BotC Bremen &amp; Umzu"/>
+    <title>Savant Info Generator</title>
+    <link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon-180x180.png">
+    <!-- Für Browser -->
+    <link rel="shortcut icon" type="image/x-icon" href="assets/favicon/favicon-32x32.ico">
+    <link rel="icon" type="image/png" sizes="96x96" href="assets/favicon/favicon-96x96.png">
+    <!-- Für Windows -->
+    <meta name="msapplication-square310x310logo" content="assets/favicon/mstile-310x310.png">
+    <meta name="msapplication-TileColor" content="#f9f7f1">
+    <link href="assets/css/opensans.css" rel="stylesheet"/>
+    <link href="assets/css/styles.css" rel="stylesheet"/>
+</head>
+<body>
+<p id="definition">&raquo;Jeden Tag kannst du den Storyteller besuchen um 2 Dinge zu erfahren: 1 ist wahr und 1 ist falsch.&laquo;</p>
+<div id="trigger">
+    <img src="assets/img/Icon_savant.png" id="savant" alt="Savant Charakter Icon">
+    <p id="advice"></p>
+</div>
+<p id="about">
+    Diese Seite wird bereitgestellt vom Team von <a href="https://botc-bremen.de">BotC Bremen &amp; Umzu</a>.
+    <br>
+    <span class="small">Vielen Dank für die <a href="https://savant.thegrim.gg/">englische Originalversion von TheGrim</a>, übersetzt von Dennis.</span>
+</p>
+</body>
+<script src="assets/js/scripts.js"></script>
+</html>