chaski/services/woitb/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
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>