squid-explorer/index.html at master · Streets-Data-Collaborative/squid-explorer · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<script type="text/javascript" src="js/ss_config.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', config.trackingID, 'auto');
	ga('send', 'pageview');
	</script>

	<title>SQUID Viewer</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<link rel="stylesheet" href="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/themes/css/cartodb.css" />
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
	<link rel="stylesheet" href="css/styles.css">

</head>
<body>
	<!-- Navigation -->
	<nav class="navbar navbar-inverse navbar-fixed-top">
		<div class="container-fluid">
			<div class="navbar-header col-md-4">
				<a class="navbar-brand" href="">
					S Q U I D&nbsp&nbspv1.1
				</a>
			</div>
			<ul class="nav navbar-nav col-md-6">
				<!-- I use href="javascript:..." because href default cursor property is pointer -->
				<!-- <li><a id='aboutLink' href="javascript: smoothScroll('#about');">About</a></li> -->
				<!-- <li><a id='toolLink' href="javascript: smoothScroll('#tool');">Tool</a></li> -->
			</ul>
			<div class="navbar-header col-md-2">
				<a id='argoBrand' class="navbar-brand" href="http://argolabs.org">
					Powered by ARGO
				</a>
			</div>
		</div>
	</nav>

	<!-- Content -->
	<div class="container-fluid">
		<div id='tool' class='section row'>
			<div id='detail' class="col-md-4">
				<div id='imgContainer'>
					<div id='initalPrompt'>
						<span id='marker' class="glyphicon glyphicon-map-marker"></span>
					</div>
					<div id='loaderContainer' style='display: none;'>
						<div id="loader"></div>
					</div>

					<img id= 'streetImg'>

						<span id='leftNext' class="glyphicon glyphicon-chevron-left" aria-hidden="true" onclick="imageCycle('left')"></span>
						<span id='rightNext' class="glyphicon glyphicon-chevron-right" aria-hidden="true" onclick="imageCycle('right')"></span>

					<p id='attributes'>
						<b class='biggerText'>Date: </b> <span id="imageDate"></span><br>
						<!-- <b class='biggerText'>Time: </b> <span id="imageTime"></span><br> -->
						<br>
						<b class='biggerText'>Accelerometer Reading: </b> <span id="rideQuality_raw"></span><br>
						<b class='biggerText'>Between Track Score (0-100): </b> <span id="rideQuality_score"></span><br>
						<b class='biggerText'>Within Track Score (0-100): </b> <span id="rideQuality_score_track"></span>
					</p>
				</div>
			</div>
			<div class="col-md-8 nopadding">
				<div id="map"></div>
			</div>
		</div>
	</div>


	<script src="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/cartodb.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
	<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
	<script src="https://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
	<script type="text/javascript" src="js/objects.js"></script>
	<script type="text/javascript" src="js/script.js"></script>
	<script>
	window.onload = function() {
		dataSetup(main);
	};
	</script>
</body>
</html>