-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathindex.html
132 lines (123 loc) · 7.7 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
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico">
<title>Bike Ottawa Maps</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,600" async defer>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" async defer>
<link rel="stylesheet" href="css/style.css" async defer>
</head>
<body>
<section id="about" class="page">
<div class="container">
<div class="profile-photo" style="margin:auto; padding-top: 20px; width: 250px;">
<a href='https://bikeottawa.ca'><img class="img-fluid rounded" src="img/2021-masthead.jpg" alt="BIKE OTTAWA LOGO"></a>
</div>
<div class="content text-center">
<div class="heading">
<h1 class="mb-2">Bike Ottawa Interactive Maps</h1>
<div class="border mt-0 mb-0"></div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 col-xs-12 animated teammate" >
<div class="profile-photo">
<a href='amenities/'><img class="img-fluid rounded" src="img/map9.jpg" alt="Amenities"></a>
</div>
<div class="bio mt-4">
<h4 class="mb-1">Amenities</h4>
<div class="border mt-1 mb-1"></div>
<p>Map of #ottbike amenities - from bike parking to water fountains and payphones. Submit yours if you see something missing.</p>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12 animated teammate " >
<div class="profile-photo ">
<a href='planner/'><img class="img-fluid rounded" src="img/map8.jpg" alt="Route Planner"></a>
</div>
<div class="bio mt-4">
<h4 class="mb-1">Route Planner</h4>
<div class="border mt-1 mb-1"></div>
<p>Flexible cycling route planner. You can specify what to avoid (i.e unsafe/unpaved/unplowed roads and pathways) and build your route. Explore route qualities, share and export it.</p>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12 animated teammate" >
<div class="profile-photo">
<a href='winter/'><img class="img-fluid rounded" src="img/map6.jpg" alt="Winter-maintained pathways"></a>
</div>
<div class="bio mt-4">
<h4 class="mb-1">Winter Cycling</h4>
<div class="border mt-1 mb-1"></div>
<p>Map of winter-maintained pathways. Help us fill in the blanks!</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 col-xs-12 animated teammate " >
<div class="profile-photo ">
<a href='pathways/'><img class="img-fluid rounded" src="img/map7.jpg" alt=""></a>
</div>
<div class="bio mt-4">
<h4 class="mb-1">Pathways</h4>
<div class="border mt-1 mb-1"></div>
<p>All pathways in Ottawa-Gatineau and their properties. We use this data for routing and LTS map. You can add any missing properties, such as width, surface, condition in one click.</p>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12 animated teammate" >
<div class="profile-photo">
<a href='desire/'><img class="img-fluid rounded" src="img/map5.jpg" alt=""></a>
</div>
<div class="bio mt-4">
<h4 class="mb-1">Desire Paths</h4>
<div class="border mt-1 mb-1"></div>
<p>Map of desire lines in Ottawa. Help us maintain it by suggesting those that are missing.</p>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12 animated teammate" >
<div class="profile-photo">
<a href='collisions/'><img class="img-fluid rounded" src="img/map4.jpg" alt=""></a>
</div>
<div class="bio mt-4">
<h4 class="mb-1">Collisions</h4>
<div class="border mt-1 mb-1"></div>
<p>Collision map for Ottawa involving pedestrians, cyclists and drivers. Data from City of Ottawa collision open data</a>.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 col-xs-12 animated teammate" >
<div class="profile-photo">
<a href='lts/'><img class="img-fluid rounded" src="img/map1.jpg" alt=""></a>
</div>
<div class="bio mt-4">
<h4 class="mb-1">Stress Map</h4>
<div class="border mt-1 mb-1"></div>
<p>Cycling stress map. Shows level of traffic stress (LTS) for every road in the city based on OpenStreetMap and LTS Analyzer model.</p>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12 animated teammate " >
<div class="profile-photo ">
<a href='routing/'><img class="img-fluid rounded" src="img/map2.jpg" alt=""></a>
</div>
<div class="bio mt-4">
<h4 class="mb-1">LTS Routing</h4>
<div class="border mt-1 mb-1"></div>
<p>Cycling routing app based on OSRM and LTS map. You can choose your acceptable level of traffic stress for the route you are planning.</p>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12 animated teammate" >
<div class="profile-photo">
<a href='isochrones/'><img class="img-fluid rounded" src="img/map3.jpg" alt=""></a>
</div>
<div class="bio mt-4">
<h4 class="mb-1">Isochrones</h4>
<div class="border mt-1 mb-1"></div>
<p>Pick any point in the city and see how far you can bike with a user-defined acceptable level of traffic stress.</p>
</div>
</div>
</div>
</div>
</div>
</section>
</body>
</html>