-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
90 lines (73 loc) · 4.03 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
<!DOCTYPE html>
<html>
<head>
<title>Find Me a Walk</title>
<meta property="og:type" content="website" />
<meta property="og:url" content="https://findmeawalk.com" />
<meta property="og:site_name" content="Find Me a Walk" />
<meta property="og:title" content="Come join me?" />
<meta property="og:description" content="Walk like a tourist in your backyard." />
<meta property="og:image" content="https://scontent.xx.fbcdn.net/v/t1.0-9/15241161_1610182139278769_2655726237794556051_n.png?oh=36a15ab75e8f825707789ce952771ec7&oe=58CC2F5B" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="initial-scale=1.0">
<meta charset="utf-8">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="stylesheet" type="text/css" href="assets/css/styles.css" />
<link rel="stylesheet" type="text/css" href="assets/css/fonts.css" />
<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-88008298-1', 'auto');
ga('send', 'pageview');
</script>
<script src="https://use.fontawesome.com/b4fc7ddcab.js"></script>
</head>
<body>
<div id="loading"><h1>Finding Walks...</h1></div>
<div class="site-container">
<div class="filter-search-box">
<div class="filter-search-logo">
<h1>Find Me A Walk<img src="assets/img/icon.png" alt="Logo"></h1>
</div>
<div class="filter-search-track-details">
<span id="trailName" class="filter-search-name">Track Name</span><span id="length" class="filter-search-length">Distance</span><span id='trailDifficutly' class="filter-search-difficulty">Difficulty</span>
</div>
<div class="filter-map-details">
</div>
</div>
<div class="filter-social-icons">
<a href="https://www.facebook.com/Find-Me-A-Walk-1610148005948849/" target="_blank" rel="noopener noreferrer"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="https://www.instagram.com/findmeawalk/" target="_blank" rel="noopener noreferrer"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="https://twitter.com/FindMeAWalk" target="_blank" rel="noopener noreferrer"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="https://github.com/rhokbrisbane/oxfam-trailwalker/" target="_blank" rel="noopener noreferrer" title="Help improve this app!"><i class="fa fa-github" aria-hidden="true"></i></a>
<div class="filter-links">
<a href="http://blog.findmeawalk.com/" target="_blank"><span>Blog</span></a>
<a href="https://trailwalker.oxfam.org.au/" target="_blank"><span>Inspired by Oxfam Trailwalker</span></a>
</div>
</div>
<div class="filter-map-buttons">
<button class="submit lets-do-it">Find Friends!</button>
<div class="other-buttons">
<button class="length" id="too_short">Too Short</button><button class="length" id="too_long">Too Long</button>
</div>
</div>
<div id="map"></div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="assets/js/osm.js"></script>
<script src="assets/js/map.js"></script>
<script src="assets/js/facie.js"></script>
<script src="assets/js/app.js"></script>
<script src="assets/js/googleDirection.js"></script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD8MgbUf8RGv05GJ6qjrPLRg3Fvb4HTA9k&callback=initMap"></script>
</body>
</html>