<!DOCTYPE html>
<html>
	<head>
		<meta charset='utf-8' />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="icon" href="resources/logo-small.png" sizes="16x16" type="image/png" />
		<link rel="icon" href="resources/logo.png" sizes="256x256" type="image/png" />
		<link rel="icon" href="resources/logo.svg" sizes="any" type="image/svg+xml" />
		
		<title>Air Quality Map | ConnectedHumber</title>
	</head>
	<body>
		<h1>Air Quality Map</h1>
		
		<!-- Leaflet needs an id to attach to -->
		<main id="map" class="working-visual">
			
		</main>
		
		<canvas id="canvas-guage" width="50" height="300"></canvas>
		
		<!---------------->
		<link rel="stylesheet" href="app.css" />
		<script src="app.js" charset="utf-8"></script>
	</body>
</html>