Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
129 lines (105 sloc) 4.13 KB
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />
<link href="resources/scripts/bootstrap/css/bootstrap.css" rel="stylesheet" media="screen">
<script src="resources/scripts/crossfilter.v1.js"></script>
<script src="resources/scripts/d3.v3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="resources/scripts/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script src="resources/scripts/jquery.ui.touch-punch.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3&sensor=true&key=AIzaSyA-YiurRX6GixuExPSrQgbcOwcUWinAn54"></script>
<script src="resources/scripts/bootstrap/js/bootstrap.min.js"></script>
<script src="resources/scripts/GeoJSON.js"></script>
<script src="resources/scripts/main.js"></script>
<script src="resources/scripts/utils.js"></script>
<script src="resources/scripts/chart.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/overcast/jquery-ui.css" />
<link rel="stylesheet" href="resources/styles/styles.css" />
</head>
<body onload="initialize();">
<div id="header">
<div id="about"><a href="about">* about</a></div>
<a id="logo" href="index.html"></a>
</div>
<!-- GUI Selector -->
<div id="form">
</div>
<div id="viz"></div>
<!-- Show while fetching the CSV data -->
<div id="loader">
<div class="message"></div>
<div class="animation">
<div id="circleG">
<div id="circleG_1" class="circleG"></div>
<div id="circleG_2" class="circleG"></div>
<div id="circleG_3" class="circleG"></div>
</div>
</div>
</div>
<div id="range">
<div id="legend">
<div class="factor delay">Delay</div>
<div class="factor capacity">Capacity</div>
<div class="factor speed">Speed</div>
</div>
<div class="date">
<div id="currentTime"></div>
<div id="day">Monday, October 1st, 2012</div>
</div>
<div class="controls">
<select id="city">
<option value="sf">San Francisco</option>
<option value="geneva">Genève</option>
<option value="zurich">Zürich</option>
</select>
</div>
<div id="slider"></div>
</div>
<!-- Google Map -->
<div id="map_canvas" style="width:600;"></div>
<!--div id="footer">
<div id="chartContainer">
<svg width="1049" height="250" id="svg"><g transform="translate(50,30)" id="svgg"></svg></div>
</div-->
<script>
$(document).ready(function() {
/* Listen for City Change */
citySelect = $("#city");
citySelect.val("sf")
city = citySelect.val()
citySelect.bind("change", function(){
city = $(this).val();
/* Load the new city center */
google.maps.event.trigger(map, 'resize');
map.setCenter(CITY_CENTER[city]);
doTranslation();
loadRoutes(city);
loadData(city);
init(city);
});
doTranslation();
loadRoutes(city);
// TODO: sleep until I get the map callback right
loadData(city);
//init(city);
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-39769367-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>