-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
121 lines (115 loc) · 5.32 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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1">
<title>imagineRio</title>
<link href='http://fonts.googleapis.com/css?family=Roboto:100,400,400italic,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link href="lib/leaflet.css" rel="stylesheet" type="text/css">
<link href="lib/featherlight.css" rel="stylesheet" type="text/css">
<link href="css/layout.css" rel="stylesheet" type="text/css">
<link href="css/layers.css" rel="stylesheet" type="text/css">
<link href="css/map.css" rel="stylesheet" type="text/css">
<link href="css/probe.css" rel="stylesheet" type="text/css">
<link href="css/top.css" rel="stylesheet" type="text/css">
<link href="css/animate.css" rel="stylesheet" type="text/css">
<link href="css/mobile.css" rel="stylesheet" type="text/css">
<link href="css/fontello.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="mobile-wrapper open">
<header>
<div class="info-page" id="moreInformation">
<label>More information</label>
<a target="_blank" href="http://hrc.rice.edu/imagineRio/"><span class="icon-info-1"></span></a>
</div>
<div class="info-page" id="imageGallery">
<label>Image gallery</label>
<a target="_blank" href="http://www.sscommons.org/openlibrary/welcome.html#3|collections|7729935||Rice20University3A20Rio20de20Janeiro20Iconography|||"><span class="icon-picture"></span></a>
</div>
<div class="info-page" id="export">
<label>Export map image</label>
<a><span class="icon-down-bold"></span></a>
</div>
<div class="info-page twitter-button social-media-button" id="twitter">
<label>Post to Twitter</label>
<a target="_blank" href="https://twitter.com/intent/tweet"><span class="icon-twitter"></span></a>
</div>
<div class="info-page facebook-button social-media-button" id="facebook">
<label>Share on Facebook</label>
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=imaginerio.org&title=ImagineRio"><span class="icon-facebook"></span></a>
</div>
<div id="hamburger"><i class="icon icon-menu"></i></div>
<h1>imagineRio</h1>
</header>
<nav>
<form id="search" class="shadow">
<div id="clear"></div>
<input type="text" placeholder="Search..." class="typeahead" />
</form>
<div id="plans">Urban Projects ▾</div>
<div id="year"><div id="prev"></div><span>1565</span><div id="next"></div>
</div>
<div id="plan_info"></div>
<div id="timeline">
<div id="track"></div>
<div id="puck"><span></span></div>
</div>
</nav>
<div id="menu" class="shadow"></div>
<div id="switch" class="open">Map Legend</div>
<div class="wrapper">
<div id="map"></div>
</div>
<div id="results">
<div class="search shadow"></div>
<div id="instruction" class="shadow">Click the map to explore...</div>
<div class="probe shadow"></div>
</div>
</div>
<div id="layers" class="open">
<div id="list"></div>
</div>
<div id="intro">
<div id="language">
<span>English Version ▼</span>
<a href="index.html?lang=pr">Versão em Português</a>
</div>
<div id="title">
<h1>imagineRio</h1>
<i id="tagline">An Illustrated Diachronic Atlas of Rio de Janeiro's Urban and Social Evolution</i>
<div id="enter" class="disabled">View the map <span class="icon-right-bold"></span></div>
</div>
<div id="logos">
<div class="logo"><a href="http://hrc.rice.edu/" ><img src="img/logoHRC.png" /></a></div>
<div class="logo"><a href="http://www.axismaps.com" ><img src="img/logoAxisMaps.png" /></a></div>
</div>
<div id="disclaimer">This product is for informational purposes and was neither prepared nor is suitable for legal, engineering, or surveying purposes. Represented objects have approximate locations relative to a particular moment of the research project. No warranty is made regarding specific accuracy or completeness. Rice University and the imagineRio research team assume no liability or damages due to errors or omissions.</div>
</div>
<iframe id="download_iframe" style="display:none;"></iframe>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="lib/jquery.mobile.custom.min.js"></script>
<script src="lib/modernizr.custom.96959.js"></script>
<script src="lib/leaflet.js"></script>
<script src="lib/leaflet-omnivore.min.js"></script>
<script src="lib/leaflet.rotatedMarker.js"></script>
<script src="lib/underscore-min.js"></script>
<script src="lib/bloodhound.js"></script>
<script src="lib/featherlight.js"></script>
<script src="js/layers.js"></script>
<script src="js/map.js"></script>
<script src="js/timeline.js"></script>
<script src="js/search.js"></script>
<script src="js/visual.js"></script>
<script src="js/plans.js"></script>
<script src="js/init.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-54392712-4', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>