diff options
-rw-r--r-- | hosts/chaski/services/woitb/index.html | 124 | ||||
-rw-r--r-- | hosts/chaski/services/woitb/info.html | 180 |
2 files changed, 304 insertions, 0 deletions
diff --git a/hosts/chaski/services/woitb/index.html b/hosts/chaski/services/woitb/index.html new file mode 100644 index 0000000..8d08826 --- /dev/null +++ b/hosts/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&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/hosts/chaski/services/woitb/info.html b/hosts/chaski/services/woitb/info.html new file mode 100644 index 0000000..e68d728 --- /dev/null +++ b/hosts/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> |