forked from codeforamerica/trailsy
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
213 lines (203 loc) · 12.5 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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
<!DOCTYPE html>
<html lang="en">
<head lang="en">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> -->
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta property="og:title" content="Map: Forest Preserves of Cook County" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Map: Forest Preserves of Cook County" />
<meta property="fb:app_id" content="1382262871801846" />
<meta property="og:description" content="Explore this interactive map of the Forest Preserves of Cook County—nearly 70,000 acres of woodlands, prairies, savannas and wetlands in & around Chicago" />
<meta property="og:image" content="https://map.fpdcc.com/images/poi-photos/map-social-sharing.png" /> <meta property="og:image:secure_url" content="https://map.fpdcc.com/images/poi-photos/map-social-sharing.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Map: Forest Preserves of Cook County" />
<meta name="twitter:creator" content="@FPDCC" />
<meta name="twitter:site" content="@FPDCC" />
<meta name="twitter:image" content="https://map.fpdcc.com/images/poi-photos/map-social-sharing.png" />
<meta name="description" content="Explore this interactive map of the Forest Preserves of Cook County—nearly 70,000 acres of woodlands, prairies, savannas and wetlands in & around Chicago" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#606d29">
<meta name="theme-color" content="#eeeeee">
<title>Map: Forest Preserves of Cook County</title>
<!-- <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ==" crossorigin=""/> -->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
crossorigin=""/>
<link rel="stylesheet" href="styles/css/vendor/leaflet.usermarker.css"/>
<link rel="stylesheet" href="styles/css/vendor/MarkerCluster.css"/>
<!-- <link rel="stylesheet" href="node_modules/leaflet.markercluster/dist/MarkerCluster.Default.css"/> -->
<link rel="stylesheet" type="text/css" href="styles/css/vendor/selectize.css" />
<!-- Custom styles for this template -->
<link rel="stylesheet" href="styles/css/fpdcc-style.css"/>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-YTZ5TSGLY9"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-YTZ5TSGLY9');
</script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!--[if lt IE 11]>
<div class="function-message-bg">
<div class="function-message">
<h2>Please Upgrade Your Browser to Use This Website</h2>
<p>Microsoft no longer supports your version of Internet Explorer and this website will not function properly using this browser. You can:</p>
<ul>
<li>Upgrade to <a href="https://www.microsoft.com/en-us/WindowsForBusiness/End-of-IE-support" target="_blank">Internet Explorer 11</a> <em>(or <a href="https://www.microsoft.com/en-us/windows/microsoft-edge" target="_blank">Microsoft Edge</a> on Windows 10)</em>.</li>
<li>Use a different browser <em>(like <a href="https://www.google.com/chrome/" target="_blank">Google Chrome</a> or <a href="https://www.mozilla.org/en-US/firefox/new/" target="_blank">Mozilla Firefox</a>)</em>.</li>
<li><a href="https://fpdcc.com/preserves-and-trails/maps/" target="_blank">View PDF maps</a> of the Forest Preserves of Cook County</li>
</ul>
</div>
</div>
<![endif]-->
<div class="loader">
<div class="loader-position">
<div class="loader-circle"></div>
<section id="loader-text"><span class="message-one">loading map...</span><span class="message-two">still working...</span></section>
</div></div>
<div id="desktop">
<div id="main" class="row">
<section id="fpccBrandMobile" class="fpccMobile">
<a href="" class="fpccMobileBrand"><span>Forest Preserves</span> of Cook County</a>
<a class="fpccMobileHamburger" role='button' aria-label="Menu button">
<span></span>
<span></span>
<span class="last"></span>
</a>
<div class="fpccMobileSwitch">
<label class="fpccSwitch">
<div class="fppcSwitchBackground">
<input id="fpccMobileCheckbox" type="checkbox">
<span class="fpccFlipMap">Map</span>
<div class="fpccSlider"></div>
<span class="fpccFlipList">List</span>
</div>
</label>
</div>
</section>
<ul class="fpccMobileMenuList hide">
<li><a href="https://fpdcc.com/">Back to fpdcc.com</a></li>
<li class='aboutLink'><a role='button'>About</a></li>
<li><a href="https://fpdcc.com/privacy-policy-terms-of-use/">Privacy Policy & Terms of Use</a></li>
<li><a class="last menuFeedback" href="https://fpdcc.wufoo.com/forms/znt02n10csdbi3/def/Field8=https://map.fpdcc.com&Field2=" target="_blank">Give Feedback</a></li> </ul>
<section id="fpccTrailListColumn" class="trailListColumn expanded">
<div id="fpccBrand" class="title-row desktopTitle">
<div class="fpccMenu">
<a class="hamburger" role='button' aria-label="Menu button">
<span></span>
<span></span>
<span class="last"></span>
</a>
</div>
<ul class="fpccMenuList hide">
<li><a href="https://fpdcc.com/">Back to fpdcc.com</a></li>
<li class='aboutLink'><a role='button'>About</a></li>
<li><a href="https://fpdcc.com/privacy-policy-terms-of-use/">Privacy Policy & Terms of Use</a></li>
<li><a class="last menuFeedback" href="https://fpdcc.wufoo.com/forms/znt02n10csdbi3/def/Field8=https://map.fpdcc.com&Field2=" target="_blank">Give Feedback</a></li> </ul>
<header>
<div class="navbar-inner">
<a class="screen-reader-text" href="https://fpdcc.com">Access this same information on a website that conforms to level AA of the Web Content Accessibility Guidelines (WCAG) 2.0</a>
<a id="logo-link" href=""><img class="logo" alt="Forest Preserves of Cook County logo" src="images/fpcc-map-logo.gif"></a>
</div>
</header>
</div>
<div id="fpccMainContainer" class="expanded">
<div id="fpccSearchContainer" class="fpccUnit">
<form>
<select id="fpccSearchSelect" class="js-example-basic-multiple filter fpccSearchbox" data-filter="activityFilter" multiple="multiple">
<optgroup label="Popular">
<option value="hiking-popular">Hiking / Walking / Running</option>
<option value="cycling-popular">Biking</option>
<option value="fishing-popular">Fishing</option>
<option value="picnic_grove-popular">Picnic / Outdoor Events</option>
<option value="dog_leash-popular">Dogs (with leash only)</option>
<option value="camping-popular">Camping</option>
<option value="canoe-popular">Canoeing / Kayaking / Boating</option>
<option value="nature_center-popular">Nature Centers</option>
<option value="volunteer-popular">Volunteering</option>
</optgroup>
<optgroup label="Everything">
<option value="accessible">Accessible Amenities</option>
<option value="cycling">Biking</option>
<option value="bike_rental">Bike Rental</option>
<option value="birding">Birding</option>
<option value="boat_rental">Boat Rental</option>
<option value="camping">Camping</option>
<option value="canoe">Canoeing / Kayaking / Boating</option>
<option value="cross_country">Cross-Country Skiing</option>
<option value="disc_golf">Disc Golf</option>
<option value="dog_leash">Dogs (with leash only)</option>
<option value="dog_friendly">Dog Park</option>
<option value="drone">Drone Flying</option>
<option value="equestrian">Equestrian</option>
<option value="fishing">Fishing</option>
<option value="golf">Golfing</option>
<option value="hiking">Hiking / Walking / Running</option>
<option value="ice_fishing">Ice Fishing</option>
<option value="skating_ice">Ice Skating</option>
<option value="indoor_rental">Indoor Events</option>
<option value="m_airplane">Model Airplane Flying</option>
<option value="m_boat">Model Sailboat</option>
<option value="nature_center">Nature Centers</option>
<option value="picnic_grove">Picnic / Outdoor Events</option>
<option value="sledding">Sledding</option>
<option value="snowmobile">Snowmobiling</option>
<option value="swimming">Swimming</option>
<option value="volunteer">Volunteering</option>
<option value="zip_line">Zipline & Adventure Park</option>
</optgroup>
</select>
</form>
<button class="fpccButton" id="fpccSearchButton"><svg class="icon icon-search"><use xlink:href="icons/defs.svg#icon-search"></use></svg><span>Search</span></button>
</div>
<div id="fpccSearchStatus"></div>
<div id="fpccSearchResults" class="fpccResults fpccUnit">
</div>
</div>
<div id="fpccSearchBack" style="display:none;">
<a><svg class="icon icon-arrow"><use xlink:href="icons/defs.svg#icon-arrow"></use></svg>
Back to List</a>
</div>
<div id="fpccDetailPanel" class="detailPanel" style="display:none;">
</div>
</section>
<div id="fpccMobileSearchButton" style="display:none;"><svg class="icon icon-search"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="icons/defs.svg#icon-search"></use></svg></div>
<section class="trailMapContainer">
<!-- <div id="crosshair"></div> -->
<div id="trailMapLarge"></div>
<div class="offsetZoomControl">
<a data-analyticstype="ZoomControl" data-analyticsdescription="ZoomIn" class="offsetZoomIn">+</a>
<a data-analyticstype="ZoomControl" data-analyticsdescription="ZoomOut" class="offsetZoomOut">—</a>
<a data-analyticstype="ZoomControl" data-analyticsdescription="Geolocate" class="offsetGeolocate" style="display:none;"> </a>
</div>
</section>
</div>
</div>
<script src="bundle.js"></script>
<noscript>
<div class="function-message-bg">
<div class="function-message">
<h2>Please Enable Javascript to Use This Website</h2>
<p>This website uses Javascript to function properly. You can:</p>
<ul>
<li><a href="http://enable-javascript.com/" target="_blank">Enable Javascript</a> and reload this page.</li>
<li><a href="https://fpdcc.com/preserves-and-trails/maps/" target="_blank">View PDF maps</a> of the Forest Preserves of Cook County</li>
</ul>
</div>
</div>
</noscript>
</body>
</html>