nopnv/src/index.html
2025-03-10 14:34:06 +01:00

106 lines
4.4 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="color-scheme" content="light dark">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>merklingen connection check</title>
<style>
td {
width: 45%;
}
</style>
</head>
<body>
<h2>Merklingen <small><small>Schwäbische Alb</small></small></h2>
%%DEPARTURES%%
<h2>🚐 967 / 968</h2>
<script>
async function nmv(name, mins) {
document.getElementById(name).style.backgroundColor = "gray";
document.getElementById(name).style.backgroundColor = (await fetch("./vvs/short/in_hrs/15.5/mins_before_check/" + encodeURIComponent(name.replace("_", " ")) + "/merklingen%20bahnhof?hour=8&minute=40&interchanges=0&minutes=" + mins)).ok ? "green" : "red";
}
async function con(change) {
if (change === "") {
location.hash = "";
} else if (change) {
location.hash = "#" + change;
}
if (location.hash.startsWith("#")) {
switch (location.hash.substring(1)) {
case "967Widderstall":
nmv('widderstall', 15)
break;
case "967HohenstadtKirche":
nmv('hohenstadt_kirche', 20)
break;
case "967HohenstadtWaltertal":
nmv('hohenstadt_waltertal', 22)
break;
case "967ODrackensteinRathaus":
nmv('oberdrackenstein_rathaus', 26)
break;
case "967UDrackensteinKirche":
nmv('unterdrackenstain_kirche', 32)
break;
case "967GosbachEinkaufszentrum":
nmv('gosbach_einkaufszentrum', 37)
break;
case "967GosbachLamm":
nmv('gosbach_lamm', 38)
break;
case "967GosbachDrackenstein":
nmv('gosbach_abzw_drackenstein', 39)
break;
case "967GosbachWiesensteigerStr":
nmv('gosbach_wiesensteiger_str', 40)
break;
case "967MuhlhausenRathaus":
nmv('mühlhausen_im_täle_rathaus', 41)
break;
case "967WiesensteigSchontalweg":
nmv('wiesensteig_schöntalweg', 44)
break;
case "967WiesensteigBrunnengarten":
nmv('wiesensteig_brunnengarten', 45)
break;
case "967WiesensteigRathaus":
nmv('wiesensteig_rathaus', 46)
break;
}
}
}
</script>
<div>Zum Bahnhof Merklingen <small>(Ankunft 8:40 <small> | Heute wenn es noch nicht 8:30 ist, sonst wird Bus von morgen geprüft</small>)</small> von</div>
<div>
<button id="widderstall" onclick="con('967Widderstall')">Widderstall</button> /
<button id="hohenstadt_kirche" onclick="con('967HohenstadtKirche')">Hohenstadt<small> Kirche</small></button> /
<button id="hohenstadt_waltertal" onclick="con('967HohenstadtWaltertal')">Hohenstadt<small> Abzw. Waltertal</small></button> /
<button id="oberdrackenstein_rathaus" onclick="con('967ODrackensteinRathaus')">Oberdrackenstein<small> Rathaus</small></button> /
<button id="unterdrackenstain_kirche" onclick="con('967UDrackensteinKirche')">Unterdrackenstein<small> Kirche</small></button> /
<button id="gosbach_einkaufszentrum" onclick="con('967GosbachEinkaufszentrum')">Gosbach<small> Einkaufszentrum</small></button> /
<button id="gosbach_lamm" onclick="con('967GosbachLamm')">Gosbach<small> Lamm</small></button> /
<button id="gosbach_abzw_drackenstein" onclick="con('967GosbachDrackenstein')">Gosbach<small> Abzw. Drackenstein</small></button> /
<button id="gosbach_wiesensteiger_str" onclick="con('967GosbachWiesensteigerStr')">Gosbach<small> Wiesensteiger Str.</small></button> /
<button id="mühlhausen_im_täle_rathaus" onclick="con('967MuhlhausenRathaus')">Mühlhausen<small> Rathaus</small></button> /
<button id="wiesensteig_schöntalweg" onclick="con('967WiesensteigSchontalweg')">Wiesensteig<small> Schöntalweg</small></button> /
<button id="wiesensteig_brunnengarten" onclick="con('967WiesensteigBrunnengarten')">Wiesensteig<small> Brunnengarten</small></button> /
<button id="wiesensteig_rathaus" onclick="con('967WiesensteigRathaus')">Wiesensteig<small> Rathaus</small></button>
</div>
<script>con();</script>
<br><br>
<hr>
<br><br>
%%MESSAGE%%
<br><br>
<hr>
<br><br>
<p>
Diese Seite soll eine einfache Möglichkeit darstellen, zu prüfen,
ob der Bus und Zug von/nach Merklingen heute kommt, oder ob er mal wieder streikt oder aus sonstigen Gründen fehlt.<br>
Das ganze sollte aber auch für andere Busse funktionieren, sofern der VVS den Bus kennt (→ <a href="https://www.vvs.de/">vvs.de</a>).<br>
Zug-Informationen kommen von <a href="https://www.bahnhof.de/merklingen-schwaebische-alb/abfahrt">bahnhof.de</a>.
</p>
<div><a href="./api">API documentation</a></div>
</body></html>