1 files changed, 124 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>