-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathexplore.html
48 lines (48 loc) · 2.34 KB
/
explore.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
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="explore.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jockey+One&display=swap" rel="stylesheet">
</head>
<body onload="selectContent()">
<nav>
<img src="img/EcoStories.png" />
<ul class="words">
<li><a class="nav-title" href="index.html">HOME</a></li>
<li><a class="nav-title" href="explore.html">EXPLORE</a></li>
<li><a class="nav-title" href="information.html">INFORMATION</a></li>
<li><a class="nav-title" href="about.html">ABOUT</a></li>
<li><a class="nav-title" href="https://www.figma.com/proto/Zjwnzqwu1TQ5ipsg8pVvyT/EcoStories?node-id=140-5149&node-type=frame&t=yveIYpPaRNDTdjql-1&scaling=scale-down&content-scaling=fixed&page-id=2%3A3&starting-point-node-id=140%3A5149" target="_blank">WEB TOUR ⤴ </a></li>
</ul>
</nav>
<hr>
<div class="filters">
<select name="contaminacion" id="dataset-select" onchange="selectContent()">
<option value="odiac-ffco2-monthgrid-v2023-odiac2023_1km_excl_intl_202212">Fossic Fuel CO2 Emissions</option>
<option value="sedac-popdensity-yeargrid5yr-v4.11-2020">Population Density</option>
<option value="eccodarwin-co2flux-monthgrid-v5-202212">Methane Emissions</option>
<option value="gosat-based-ch4budget-yeargrid-v1-2019">Air-Sea CO₂ Flux</option>
</select>
<select name="area" id="area-select">
<option value="">Analyze Area</option>
</select>
<select name="age" id="age-select">
<option value="">December 2022</option>
</select>
<div class="zoom-filter">
<input class="filter-button" type="button" value="+"/>
<input class="filter-button" type="button" value="-"/>
</div>
<input class="filter-button" type="button" value="i"/>
<img class="filter-heat" src="img/heat1.png">
</div>
<div id="iframe-container" class="iframe-container"></div>
<iframe id="nasa-iframe" src="" width="100%" height="100%"></iframe>
</div>
<script src="explore.js"></script>
</body>
</html>