summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--hosts/chaski/services/woitb/index.html124
-rw-r--r--hosts/chaski/services/woitb/info.html180
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&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/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>