-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
85 lines (74 loc) · 4.16 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 lang="en">
<head>
<meta charset="utf-8">
<meta-name="theme-color" content="#4dbaa8" />
<meta http-equiv='cache-control' content='no-cache'>
<link rel="manifest" href="manifest.json" />
<link rel="stylesheet" href="stylesheet.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Best Boston Dive Bars</title>
<meta name="description"
content="Interactive map of the best Boston dive bars. Quickly find the closest dive bar near you. Map contains The Tam, Biddy Earlys, Silhouette Lounge, and more">
<meta name="robots" context="index, about">
<link rel="icon" type="image/png" sizes="64x64" href="images/icons8-beer-64.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/icons8-beer-64.png">
</head>
<body>
<script>
if ("serviceWorker" in navigator) {
window.addEventListener("load", function () {
navigator.serviceWorker
.register("/sw.js")
.then(res => console.log("service worker registered"))
.catch(err => console.log("service worker not registered", err))
})
}
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-B9BFT1VVW8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-B9BFT1VVW8');
</script>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.8.0/dist/leaflet.css"
integrity="sha512-hoalWLoI8r4UszCkZ5kL8vayOGVae1oxXe/2A4AO6J9+580uKHDO3JdHb7NzwwzK5xr/Fs0W40kiNHxM9vyTtQ=="
crossorigin="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<script src="https://unpkg.com/leaflet@1.8.0/dist/leaflet.js"
integrity="sha512-BB3hKbKWOc9Ez/TAwyWxNXeoV9c1v6FIeYiBieIWkpLjauysF18NzgR1MBNBXf8/KABdlkX68nAhlwcDFLGPCQ=="
crossorigin=""></script>
<link rel="stylesheet" href="https://unpkg.com/leaflet-routing-machine@latest/dist/leaflet-routing-machine.css" />
<script src="https://unpkg.com/leaflet-routing-machine@latest/dist/leaflet-routing-machine.js"></script>
<link rel="stylesheet" href="libraries/leaflet-messagebox.css" />
<script src="libraries/leaflet-messagebox.js"></script>
<div class="custom-popup" id="map">
<script type="text/javascript" src="./mapping.js"></script>
<h1 style="color:rgb(221,221,221)">Boston Dive Bars</h1>
<p style="color:rgb(221,221,221)">BostonDives.com is an interactive map designed to help you find the closest
dive bars in Boston. Bars are either true dives, or neighborhood bars that have good food and cheap drinks.
</p>
<div id="map"></div>
<button id="findClosestBarButton">Find Closest Bar</button>
<button id="clearDirectionsButton" style="display: none;">Clear Directions</button>
<button id="next-button">Next Closest Bar</button>
<button id="closest-button">Find Closest Bar</button>
</div>
<div id="info">
<ul id="ul-bar">
<li id="li-bar"><a href="about.html" id="a-bar"
style="margin:auto;text-align: center;display:block">About</a></li>
<li id="li-bar"><a href="stats.html" id="a-bar"
style="margin:auto;text-align: center;display:block">Stats</a></li>
<li id="li-bar"><a href="https://www.instagram.com/boston_dives/" id="a-bar"><img src="./images/insta.svg"
alt="Instagram" style="height:20px;width:20px;justify-content: center;display:flex"></a></li>
<li id="li-bar"><a href="https://www.twitter.com/boston_dives/" id="a-bar"><img
src="./images/icons8-twitter-circled-50.png" alt="Twitter"
style="height:20px;width:20px;justify-content: center;display:flex"></a></li>
<li style="float:right"><a class="inactive">BostonDives.bar</a></li>
</ul>
</div>
</body>
</html>