-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
85 lines (79 loc) · 3.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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta name="Description" content="Know your commute time! Enter start and finish location and see travel duration at different times of the day.">
<meta charset="utf-8">
<title>Commute Time Calculator</title>
<link rel="stylesheet" type="text/css"
href="https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet" type="text/css" href="index.css">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/build/pure-min.css">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/build/grids-responsive-min.css">
<!-- heap analytics -->
<script type="text/javascript">
window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=t.forceSSL||"https:"===document.location.protocol,a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=(r?"https:":"http:")+"//cdn.heapanalytics.com/js/heap-"+e+".js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(a,n);for(var o=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","removeEventProperty","setEventProperties","track","unsetEventProperty"],c=0;c<p.length;c++)heap[p[c]]=o(p[c])};
heap.load("3104011322");
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-243631-7"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-243631-7');
</script>
<!-- AdSense -->
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-4402610208555767",
enable_page_level_ads: true
});
</script>
</head>
<body>
<div id="floating-panel">
<div id=title>
Commute Time Calculator
</div>
<div>
<span>
A:
</span>
<input id="address-from" value="Jack London Square, Oakland, CA">
</div>
<div>
<span>
B:
</span>
<input id="address-to" value="Union Square, San Francisco, CA">
</div>
<button id="go">Go!</button>
<div id=noroute>
Couldn't find route between A and B.
</div>
</div>
<div class="pure-g" id="main-grid">
<div class="pure-u-1-1 pure-u-md-3-5" id="map">
</div>
<div class="pure-u-1-1 pure-u-md-2-5">
<div id="right-panel">
<div>
<table id="times">
<tr>
<td>Leave on Monday at</td>
<td>A to B</td>
<td>B to A</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="commute-time.js"></script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCyqbUW-VapBGgdWQWXYon8QAyA_X7Mkr4&callback=startApp"></script>
</body>
</html>