101 lines
No EOL
3.6 KiB
HTML
101 lines
No EOL
3.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport"
|
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<link href="style.css" rel="stylesheet">
|
|
<link rel="icon" type="image/png" sizes="512" href="/icons/512.png">
|
|
<link rel="icon" type="image/png" sizes="192" href="/icons/192.png">
|
|
<link rel="shortcut icon" href="/icons/favicon.svg">
|
|
<link rel="manifest" href="/manifest.json">
|
|
<link rel="mask-icon" href="/icons/favicon-transparent.svg" color="#65a30d">
|
|
<title>hvvstuhl.de</title>
|
|
</head>
|
|
<body>
|
|
<h1>Barrierefreie Aufzugs-Liste</h1>
|
|
<nav>
|
|
<ul>
|
|
<li>
|
|
<a href="index.html">
|
|
Aufzugs-Liste
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="about.html">
|
|
Was ist das?
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<main>
|
|
<h2>Liste aller Stationen mit Aufzug im HVV</h2>
|
|
<div id="updateInfo" class="hidden">
|
|
<span>Stand: <b id="lastUpdated"></b></span>
|
|
<span id="oldDataWarning" class="hidden"></span>
|
|
<button id="loadElevators" class="hidden">
|
|
Aktualisieren
|
|
<span data-icon="load" class="size-s spinner hidden"></span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="hidden" id="filters">
|
|
<input placeholder="Station suchen" id="searchStation">
|
|
<button id="stationsNearMe" aria-pressed="false">
|
|
<span data-icon="location-searching" class="size-m"></span>
|
|
Nach Entfernung sortieren
|
|
<span data-icon="load" class="size-m spinner hidden"></span>
|
|
</button>
|
|
<div id="typeFilter">
|
|
<button class="typeChip" data-type="U" data-pressed="true" aria-pressed="true">U</button>
|
|
<button class="typeChip" data-type="S" data-pressed="true" aria-pressed="true">S</button>
|
|
<button class="typeChip" data-type="A" data-pressed="true" aria-pressed="true">A</button>
|
|
<button class="typeChip" data-type="R" data-pressed="true" aria-pressed="true">R</button>
|
|
</div>
|
|
</div>
|
|
|
|
<button id="initialLoad">
|
|
Daten vom HVV abrufen
|
|
<span data-icon="load" class="size-m spinner hidden"></span>
|
|
</button>
|
|
|
|
<div class="hidden" id="errorMessage">
|
|
Leider ist ein Fehler beim Abrufen der Daten aufgetreten.
|
|
</div>
|
|
|
|
<ul id="stationList">
|
|
</ul>
|
|
|
|
</main>
|
|
<footer>
|
|
<p>
|
|
hvvstuhl <span id="version"></span> •
|
|
Entwickelt von <a href="https://kritzl.dev/">kritzl</a> & <a href="https://traumweh.dev/">traumweh</a> •
|
|
Betrieben von <a href="https://mafiasi.de/">mafiasi</a> •
|
|
<a href="https://mafiasi.de/base/imprint">Impressum</a>
|
|
</p>
|
|
</footer>
|
|
|
|
<div id="dialog_layer" class="dialogs">
|
|
<div role="dialog" id="dialog_osm" aria-labelledby="dialog_osm_label" aria-modal="true" class="">
|
|
<h2 id="dialog_osm_label">
|
|
Fehlende Daten abrufen
|
|
</h2>
|
|
<button onclick="closeDialog('#dialog_osm')" class="close-modal">
|
|
<span data-icon="close" class="size-m"></span>
|
|
</button>
|
|
<p>
|
|
Um die Stationen nach Entfernung sortieren zu können, müssen zusätzliche Daten von OpenStreetMap geladen
|
|
werden.
|
|
</p>
|
|
<button id="loadOsm">
|
|
Zusätzliche Daten von OpenStreetMap abrufen
|
|
<span data-icon="load" class="size-m spinner hidden"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript" src="main.js"></script>
|
|
<script type="text/javascript" src="elevators.js"></script>
|
|
</body>
|
|
</html> |