+72
@@ -0,0 +1,72 @@
|
||||
<!--
|
||||
~ Copyright (c) 2020. Pascal Syma <pascal@syma.dev>.
|
||||
~ All rights reserved.
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Title</title>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
#buttons {
|
||||
position: fixed;
|
||||
margin: 8px;
|
||||
}
|
||||
|
||||
#settings {
|
||||
position: fixed;
|
||||
margin: 8px;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
#bus {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
margin: 8px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
button {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="buttons">
|
||||
<button id="minus">-1</button>
|
||||
<button id="play">></button>
|
||||
<button id="real">></button>
|
||||
<button id="plus">+1</button>
|
||||
<button disabled id="display" style="width: 70px">00:00</button>
|
||||
</div>
|
||||
<table id="bus">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 200px">Next Stop</th>
|
||||
<th>Line</th>
|
||||
<th>Offset</th>
|
||||
<th>Delay</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
<div id="settings">
|
||||
<label style="display: grid">
|
||||
<input id="mpm" max="10000" min="1" type="number" value="180"> Minutes per Minute
|
||||
</label>
|
||||
<label>
|
||||
<input id="showMap" type="checkbox"> Show Map?
|
||||
</label>
|
||||
</div>
|
||||
<canvas id="canvas"></canvas>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user