project-tracker/index.html at main · BostonCyclistsUnion/project-tracker · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
	<title>Boston Area Micromobility Project Tracker</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">

	<link rel="stylesheet" type="text/css" href="styles/styles.css" />
	<link rel="stylesheet" type="text/css" href="styles/project_tracker.css" />
	<script type="module" src="scripts/index.js"></script>
</head>
<body>
	<header>
		<h1>Boston Area Micromobility Project Tracker</h1>
		<div class="header-image">
			<div
				class="header-image-flex"
				style="background-image: url('images/header_street_old.svg');"></div>
			<div
				class="header-image-fixed"
				style="
					--base-header-image-width: 300px;
					background-image: url('images/header_street_old_qb_trans.svg');"></div>
			<div
				class="header-image-flex"
				style="background-image: url('images/header_street_quick_build.svg');"></div>
			<div
				class="header-image-fixed"
				style="
					--base-header-image-width: 210px;
					background-image: url('images/header_street_qb_new_trans.svg');"></div>
			<div
				class="header-image-flex"
				style="background-image: url('images/header_street_new.svg');"></div>
		</div>
	</header>

	<output id="error-message"></output>

	<form role="toolbar" id="filters">
		<label>
			<input type="radio" name="location" value="" checked="checked" />
			All
		</label>
		<label>
			<input type="radio" name="location" value="Belmont" />
			Belmont
		</label>
		<label>
			<input type="radio" name="location" value="Boston" />
			Boston
		</label>
		<label>
			<input type="radio" name="location" value="Brookline" />
			Brookline
		</label>
		<label>
			<input type="radio" name="location" value="Cambridge" />
			Cambridge
		</label>
		<label>
			<input type="radio" name="location" value="Everett" />
			Everett
		</label>
		<label>
			<input type="radio" name="location" value="Medford" />
			Medford
		</label>
		<label>
			<input type="radio" name="location" value="Somerville" />
			Somerville
		</label>
		<label>
			<input type="radio" name="location" value="Watertown" />
			Watertown
		</label>
	</form>

	<section id="projects">Loading...</section>

	<footer>
		<p style="text-align: center;">
			<a href="https://docs.google.com/forms/d/e/1FAIpQLSco0iCYkFGnB3D_Uhf-QW-4KupwH0gAHWXnNAVBF18L3h-CuQ/viewform" target="_blank">Submit an update/correction</a>
			&middot;
			<a href="https://docs.google.com/spreadsheets/d/1zMV0RP0p6fp0vWyvE0HEnu0Ai2NfBQVaznDIod8RpUs/view" target="_blank">Tracker spreadsheet</a>
			&middot;
			Created by <a href="https://zmyaro.com" target="_blank">Zachary Yaro</a>
		</p>
		<div class="featured-links">
			<span>BCU Labs is a volunteer-led project of <a href="https://BostonCyclistsUnion.org" target="_blank">Boston Cyclists Union</a>.</span>
			<a href="https://docs.google.com/forms/d/e/1FAIpQLSefzxEQ-CAbJd_rrt90DHvdglYvP9RLqdDUVsFq28onw9xXJQ/viewform" target="_blank">Join BCU Labs here</a>
			<a class="link-button" href="https://secure.everyaction.com/mfRgF-hjuEueYqUtvn9Jeg2" target="_blank">Donate</a>
		</div>
	</footer>
</body>
</html>