index.html - gpx-map

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 
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
		<title>Bike-Map</title>
		<style>
			body {
				margin:0;
				padding:0;
			}

			.map {
				position: absolute;
				top:0;
				bottom:0;
				right:0;
				left:0;
			}

			.locate {
				top: 4.5em;
				left: .5em;
			}

			.grayscale {
				filter: grayscale(100%);
			}			
		</style>
	</head>
	<body>
		<div id="map" class="map"></div>
		<script src="bundle.js"></script>
	</body>
</html>