index.html - mobile-coverage-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 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Mobilfunk-Netzabdeckung</title>
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
		<style>
			* { padding:0; margin:0;}
			html, body { height: 100%; display:flex; flex-direction:column; }
			body > * { flex-shrink: 0; }

			#map { flex-grow: 1; }
			.info { margin: 5px; text-align: center; }
			.locate { top: 4em; left: .5em; }
			@media only screen and (max-width: 1200px) {
				.locate { top: 5.5em; left: .5em; }
			}
		</style>
	</head>
	<body>
		<div id="map"></div>
		<span class="info">Sollten Layer auf der Karte kaputt sein, kann dies gerne unter netzkarte:at:ctu.cx gemeldet werden. :)</span>
		<script src="./bundle.js"></script>
	</body>
</html>