-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
62 lines (58 loc) · 2.41 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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>EdLab Studio - Seen In NY</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script
src="https://code.jquery.com/jquery-3.1.1.min.js"
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
crossorigin="anonymous"></script>
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.26.0/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.26.0/mapbox-gl.css' rel='stylesheet' />
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<link href='/header.css' rel='stylesheet' />
<link href='/marker_list.css' rel='stylesheet' />
<style>
body {
margin:0;
padding:0;
}
#map {
position:absolute;
top:0;
bottom:0;
width:100%;
}
</style>
</head>
<body>
<nav class="navbar navbar-fixed-bottom">
<div class="container">
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6 margin--top-10">
<div class="navbar-header all-caps">
<a href="/" class="navbar-brand text--white">
<img src="/img/logos/Edlab_header_black.png">
</a>
</div>
</div>
</div>
</div>
</nav>
<div class="marker-list-box" id="markerListBox" style="width: 0">
<div id="markerListBoxContent" style="display: none">
<div class="marker-list-header-box">
"Seen in NY" Episodes from New Learning Times
<img class="siny-logo" src="/img/logos/siny.jpeg">
</div>
<div class="marker-list-description-box">
Click the yellow marker for the latest episode. "Seen in NY" are original video stories about NYC's unique learning landscape. "Seen in New York" is only one of the streams at New Learning Times. Sign up to see the rest! <a href="https://newlearningtimes.com/">www.newlearningtimes.com</a>
</div>
<div class="marker-list-list-box" id="markerList"></div>
</div>
<div class="marker-count" id="markerCount" onclick="toggle_list()"><i class="fa fa-map-marker" aria-hidden="true"></i></div>
</div>
<div id='map'></div>
<script src="main.js"></script>