Add title to page

This commit is contained in:
Starbeamrainbowlabs 2019-01-17 14:13:22 +00:00
parent 542f0afcb0
commit 7d0227f332
Signed by: sbrl
GPG Key ID: 1BE5172E637709C2
2 changed files with 23 additions and 0 deletions

View File

@ -1,7 +1,27 @@
@import "../../node_modules/leaflet/dist/leaflet.css";
@import "../../node_modules/leaflet-fullscreen/dist/leaflet.fullscreen.css";
html, body { font-size: 100%; }
body {
font-family: sans-serif;
margin: 0; padding: 0;
}
header {
text-align: center;
z-index: 100;
}
h1 {
display: inline-block;
margin-top: 0; padding: 0.25em 0.45em;
background: rgba(255, 255, 255, 0.5);
border-radius: 0 0 0.25em 0.25em;
}
main {
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
z-index: -100;
}

View File

@ -5,6 +5,9 @@
<title>Air Quality Map | ConnectedHumber</title>
</head>
<body>
<header>
<h1>Air Quality Map</h1>
</header>
<!-- Leaflet needs an id to attach to -->
<main id="map">