-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
46 lines (43 loc) · 2.93 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
40
41
42
43
44
45
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons">
<link rel="stylesheet" href="https://unpkg.com/bootstrap-material-design@4.1.1/dist/css/bootstrap-material-design.min.css" integrity="sha384-wXznGJNEXNG1NFsbm0ugrLFMQPWswR3lds2VeinahP8N0zJw9VWSopbjv2x7WCvX" crossorigin="anonymous">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.4.0/dist/leaflet.css" integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA==" crossorigin=""/>
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<title>Waterloo Metadata Index</title>
</head>
<body>
<header class="navbar navbar-expand sticky-top navbar-dark bg-primary flex-column flex-md-row" id="header">
<!-- see https://getbootstrap.com/docs/4.0/components/navbar/ -->
<a class="navbar-brand col-sm-3 col-md-2 mr-0" href="#">
<img src="images/GWF_logo.png" height="36" class="d-inline-block align-middle" alt=""> Waterloo Metadata Index</a>
<nav class="ml-auto">
<a href="https://uwaterloo.ca/global-water-futures/"><img class="img-right" src="images/logo_uw_horizontal.png" height="32"/></a>
<a href="https://github.com/gwf-uwaterloo/wamedex"><img class="img-right" src="images/GitHub-Mark-32px.png" height="32"/></a>
</nav>
</header>
<div class="container-fluid">
<div class="row flex-xl-nowrap" id="wrapper">
<div id="sidebar-wrapper" class="p-0">
<div id="splitbar"></div>
<div class="sidebar-sticky ml-auto p-2">
<div class="accordion" id="datasetList">
</div>
</div>
</div>
<main class="ml-auto p-0" id="map-container" role="main">
<div id="mapid"></div>
</main>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.4.0.min.js" integrity="sha256-BJeo0qm959uMBGb65z40ejJYGSgR7REI4+CW1fNKwOg=" crossorigin="anonymous"></script>
<script src="https://unpkg.com/bootstrap-material-design@4.1.1/dist/js/bootstrap-material-design.js" integrity="sha384-CauSuKpEqAFajSpkdjv3z9t8E7RlpJ1UP0lKM/+NdtSarroVKu069AlsRPKkFBz9" crossorigin="anonymous"></script>
<script src="https://unpkg.com/leaflet@1.4.0/dist/leaflet.js" integrity="sha512-QVftwZFqvtRNi0ZyCtsznlKSWOStnDORoefr1enyq5mVL4tmKB3S/EnC3rRJcxCPavG10IcrVGSmPh6Qw5lwrg==" crossorigin=""></script>
<script src="datasets.js"></script>
<script src="index.js"></script>
</body>
</html>