thenatespack
a709c80f38
changed structure of codebase. also include docker files for easy deployment
39 lines
1.3 KiB
HTML
39 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Traxer</title>
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="map"></div>
|
|
<div
|
|
style="position:absolute; top:10px; right:10px; z-index:1000; background:white; padding:8px; border-radius:4px; box-shadow:0 0 10px rgba(0,0,0,0.3);">
|
|
<button id="toggleStops">Hide Stops</button>
|
|
</div>
|
|
<div class="controls">
|
|
<select id="routeSelect">
|
|
<option value="">All Trains & Buses</option>
|
|
<option value="701">Blue Line (701)</option>
|
|
<option value="703">Red Line (703)</option>
|
|
<option value="704">Green Line (704)</option>
|
|
<option value="720">S-Line (720)</option>
|
|
<option value="750">FrontRunner (750)</option>
|
|
</select>
|
|
<button id="refresh">Refresh Now</button>
|
|
<span class="status" id="status">Loading...</span>
|
|
</div>
|
|
|
|
<div id="vehicleSchedule" style="margin-top: 20px;">
|
|
</div>
|
|
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
|
|
<script src="index.js"> </script>
|
|
|
|
</body>
|
|
|
|
</html> |