forked from openSourcerer9000/glo-viz-layers
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
39 lines (36 loc) · 1.73 KB
/
index.html
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
36
37
38
39
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="/favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<title>GLO Eastern Region</title>
</head>
<body class="m-0 p-0">
<div id="map" class="absolute bottom-0 top-0 left-0 right-0"></div>
<pre
id="info"
class="table relative w-full mx-0 py-4 text-center bg-black bg-opacity-30 text-white"
>
<h1 class="whitespace-pre-wrap text-xl font-bold font-[roboto]">Flood Risk Assessment Visualization | GLO Eastern Region</h1>
<!-- <h2>GLO Eastern Region</h2> -->
<!-- <a id="title" href="https://www.nrdc.org/resources/losing-ground-severe-repetitive-flooding-united-states">Severe Repetitive Loss data source</a> -->
</pre>
<div id="menu" class="absolute bg-[#71004B] font-bold font-[roboto] text-white p-2">
<!-- See a list of Mapbox-hosted public styles at -->
<!-- https://docs.mapbox.com/api/maps/styles/#mapbox-styles -->
<input id="satellite-v9" type="radio" name="rtoggle" value="satellite">
<label for="satellite-v9">Satellite</label>
<input id="dark-v10" type="radio" name="rtoggle" value="dark" checked="checked">
<label for="dark-v10">Dark</label>
<input id="light-v10" type="radio" name="rtoggle" value="light">
<label for="light-v10">Light</label>
<input id="streets-v11" type="radio" name="rtoggle" value="streets">
<label for="streets-v11">Streets</label>
<input id="outdoors-v11" type="radio" name="rtoggle" value="outdoors">
<label for="outdoors-v11">Outdoors</label>
</div>
<script type="module" src="/src/index.ts"></script>
</body>
</html>