2 files changed, 304 insertions, 0 deletions
diff --git a/chaski/services/woitb/index.html b/chaski/services/woitb/index.html
new file mode 100644
index 0000000..8d08826
--- /dev/null
+++ b/chaski/services/woitb/index.html
@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html lang="de"><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+        <meta charset="utf-8">
+        <meta http-equiv="x-ua-compatible" content="ie=edge">
+        <title>Wo ist die Ilztalbahn?</title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <link rel="apple-touch-icon" href="https://ilztal.live/apple-touch-icon.png">
+        <!-- Place favicon.ico in the root directory -->
+        <style>
+
+         body {
+             background-color: olivedrab;
+             color: white;
+             font-family: "Sans Serif";
+             max-width: 60em;
+             margin-left: auto;
+             margin-right: auto;
+             margin-top: 4em;
+         }
+
+         body > p, #sonst p {
+             text-align: center;
+             margin-bottom: 4rem;
+         }
+
+         section > p {
+             text-align: center;
+         }
+
+         a {
+             text-decoration: none;
+         }
+
+         h1, h2, h3 {
+             font-weight: lighter
+         }
+
+         h1 {
+             font-size: 40pt;
+             text-align: center;
+         }
+
+         @media only screen and (max-width: 1000px) {
+             h1 {
+                 font-size: 30pt;
+             }
+             body {
+                 margin: 1em;
+             }
+         }
+
+         h2 {
+             font-size: 23pt;
+         }
+
+         tr {
+             background-color: white;
+             color: black;
+         }
+
+         td {
+             margin-left: 0;
+             padding: 0.5em;
+         }
+
+         #wo {
+             color: black;
+             background-color: white;
+             padding: 1em;
+             max-width: 40em;
+             margin: auto;
+             font-weight: bold;
+         }
+
+         #wo div h2 {
+             margin-left: 2rem;
+         }
+
+         #wo div p {
+             margin-left: 3rem;
+         }
+
+         #fahrplan {
+             margin: auto;
+             max-width: 40em;
+         }
+
+         #fahrplan table tr td:last-child {
+             min-width: 70%;
+         }
+
+         #fahrplan table {
+             width: 100%;
+         }
+
+        </style>
+    </head>
+    <body>
+        <!--[if lt IE 8]>
+            <p class="browserupgrade">
+            You are using an <strong>outdated</strong> browser. Please
+            <a href="http://browsehappy.com/">upgrade your browser</a> to improve
+            your experience.
+            </p>
+        <![endif]-->
+
+        <h1>Wo ist die <a href="https://ilztalbahn.eu/">Ilztalbahn</a> gerade?</h1>
+
+        <p>(es gibt eh nur eine)</p>
+
+        <div id="root"><main id=""><h2 id="">Gerade nicht unterwegs</h2><div id="wo"><h2 id="">Nächste Fahrt 2022</h2><p id="">Fahrplan ist noch nicht bekannt.</p></div></main></div>
+
+        <section>
+            <p>Andere Abfahrten ab Passau <a href="https://marudor.de/NPA">via marudor.de</a> | <a href="https://iris.noncd.db.de/wbt/js/index.html?bhf=NPA&amp;Zeilen=20">via Iris der DB</a></p>
+
+            <p style="margin-top:3em">(Diese Seite also known as "oh, die Ilztalbahn <a href="https://ilztalbahn.eu/wp-content/uploads/2020/07/gtfs.zip">hat ja Open Data</a> 😍" – <a href="https://ilztal.live/info.html">Weitere Infos</a>)</p>
+        </section>
+
+    
+
+</body></html>
diff --git a/chaski/services/woitb/info.html b/chaski/services/woitb/info.html
new file mode 100644
index 0000000..e68d728
--- /dev/null
+++ b/chaski/services/woitb/info.html
@@ -0,0 +1,180 @@
+<!doctype html>
+<html lang="de">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="x-ua-compatible" content="ie=edge">
+        <title>Wo ist die Ilztalbahn?</title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+        <!-- Place favicon.ico in the root directory -->
+        <style>
+
+         body {
+             background-color: olivedrab;
+             color: white;
+             font-family: "Sans Serif";
+             max-width: 60em;
+             margin-left: auto;
+             margin-right: auto;
+             margin-top: 4em;
+         }
+
+         body > p, #sonst p {
+             text-align: center;
+             margin-bottom: 4rem;
+         }
+
+         section > p {
+             text-align: center;
+         }
+
+         a {
+             text-decoration: none;
+         }
+
+         h1, h2, h3 {
+             font-weight: lighter
+         }
+
+         h1 {
+             font-size: 40pt;
+             text-align: center;
+         }
+
+         @media only screen and (max-width: 1000px) {
+             h1 {
+                 font-size: 30pt;
+             }
+             body {
+                 margin: 1em;
+             }
+         }
+
+         h2 {
+             font-size: 23pt;
+         }
+
+         tr {
+             background-color: white;
+             color: black;
+         }
+
+         td {
+             margin-left: 0;
+             padding: 0.5em;
+         }
+
+         #wo {
+             color: black;
+             background-color: white;
+             padding: 1em;
+             max-width: 40em;
+             margin: auto;
+             font-weight: bold;
+         }
+
+         #wo div h2 {
+             margin-left: 2rem;
+         }
+
+         #wo div p {
+             margin-left: 3rem;
+         }
+
+         #fahrplan {
+             margin: auto;
+             max-width: 40em;
+         }
+
+         #fahrplan table tr td:last-child {
+             min-width: 70%;
+         }
+
+         #fahrplan table {
+             width: 100%;
+         }
+
+        </style>
+    </head>
+    <body>
+        <!--[if lt IE 8]>
+            <p class="browserupgrade">
+            You are using an <strong>outdated</strong> browser. Please
+            <a href="http://browsehappy.com/">upgrade your browser</a> to improve
+            your experience.
+            </p>
+        <![endif]-->
+
+        <h1><a href="index.html">Wo ist die Ilztalbahn</a> – Über</h1>
+
+        <main>
+            <h2>Was ist das hier?</h2>
+            <p>
+                Diese Webseite zeigt den Fahrplan der <a href="https://ilztalbahn.eu">Ilztalbahn</a> an,
+                und macht sonst nicht viel. Bitte beachtet, dass diese Seite nicht von der Ilztalbahn GmbH,
+                dem Förderverein o.ä. betrieben wird, sondern nur ein privates Projekt einer einzelnen Person
+                ohne jede Verfügbarkeitsgarantie ist.
+            </p>
+
+            <h2>Wie funktioniert das?</h2>
+            <p>
+                Die Ilztalbahn bietet ihren Fahrplan im offenen Standard <a href="https://gtfs.org/">GTFS</a>
+                an. Weil GTFS an einigen Stellen ein manchmal schwer zu benutzender Standard ist (und nicht
+                jeder Besuch dieser Webseite einen Aufruf des GTFS der Ilztalbahn triggern muss), hängt noch
+                ein kleiner Server dazwischen der die relevanten Teile in JSON übersetzt.
+            </p>
+            <p>
+                Der Fahrplan ist jeweils für einen ganzen Sommer gültig, und wird auch währenddessen
+                (soweit ich sehen kann) nicht verändert oder aktualisiert — es gibt also keinerlei Garantie,
+                dass die Daten hier korrekt sind!
+            </p>
+
+            <h2>Gibt es das auch als App?</h2>
+            <p>
+                Aktuell nicht. Wenn ihr die Webseite im Browser offen lasst, sollte sie sich aber auch offline
+                noch automatisch aktualisieren.
+            </p>
+
+            <h2>Werden Verspätungen/etc. angezeigt?</h2>
+            <p>
+                Leider nein. Es gibt für einige Fahrten der Ilztalbahn zwar Echtzeitdaten von der DB, diese
+                sind aber nicht im Datensatz der Ilztalbahn enthalten. Vielleicht kommen die hier noch
+                irgendwann mit rein, solange könnt ihr sie (falls es sie gibt) bei
+                <a href="https://marudor.de/Passau%20Hbf">marudor.de</a> anschauen.
+            </p>
+
+            <h2>Gibts hier Quellcode zu?</h2>
+            <p>
+                Ja klar, hier: <a href="https://stuebinm.eu/git/woitb">git-Repository</a>
+            </p>
+
+            <h2>Datenschutz?</h2>
+            <p>
+                Diese Seite läuft aktuell auf einer kleinen vps bei <a href="https://hetzner.de">Hetzner</a>,
+                geloggt werden aktuell nur Zugriffe, aber keine IP-Adressen.
+            </p>
+
+            <h2>Wer macht das hier?</h2>
+            <p>
+                Auch nur so ein Mensch im Internet. Falls ihr wollt könnt ihr
+                <a href="https://pleroma.stuebinm.eu/stuebinm">auf meinem Pleroma</a> vorbeischauen.
+            </p>
+
+            <h2>Ich hab ne Idee für ein Feature!</h2>
+            <p>
+                Schreibt mich über Pleroma an, vielleicht habe ich Zeit und Lust es einzubauen.
+            </p>
+
+            <h2>Ich hab ein Feature dazuimplementiert!</h2>
+            <p>
+                Cool! Schick mir gerne nen Patch! (Mail ist im Repository)
+            </p>
+        </main>
+        <section>
+            <p style="margin-top:3em;">(Diese Seite also known as "oh, die Ilztalbahn <a href="https://ilztalbahn.eu/wp-content/uploads/2020/07/gtfs.zip">hat ja Open Data</a> 😍" – <a href="info.html">Weitere Infos</a>)</p>
+        </section>
+
+    </body>
+</html>