-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
147 lines (143 loc) · 7.22 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
---
layout: default
---
<header class="index-header">
<div class="aspect-ratio-box-header">
<div class="index-header__background">
<div class="index-header__flex-wrapper">
<div class="index-header__flex-cell">
Improving the Way Developers and Planners Assess Parking Demand
</div>
</div>
</div>
</div>
<div class="header-bar"></div>
</header>
<section class="push">
<div class="push__notification">
<h2 class="push__heading">July 2023: Phase 4 Update</h2>
<p class="explainer__text">MAPC has expanded our Perfect Fit Parking research to include municipalities west of Boston, adding another contribution to an increasingly robust dataset that highlights how most communities have built more residential off-street parking than is needed or utilized. <br /> <br />Click the buttons below to view the press release and memorandum for our most recent Phase 4 parking utilization study. The website sections that follow further detail MAPC's findings from previous phases of Perfect Fit Parking research.</p>
<div class="explainer__right-align">
<a class="push__button mr" href="https://www.mapc.org/news/phase-4-perfect-fit-parking-research/">Press Release</a>
<a class="push__button" href="https://www.mapc.org/wp-content/uploads/2024/03/Parking-Perfect-Fit-Memo-July-2023-UPDATED.pdf">Phase 4 Memorandum - Updated</a>
</div>
</div>
</section>
<section class="explainer">
<div class="explainer__left">
<h2 class="explainer__heading">Phases 1 and 2 examined overnight residential parking data from nearly 200 multi-family buildings in Boston's Inner Core municipalities between 2015 and 2019</h2>
<h3 class="explainer__sub-heading"><br />Here is what we found:</h3>
<ul class="explainer_unordered-list">
<li class="explainer__list-item">Three out of ten spaces sit empty during peak demand</li>
<li class="explainer__list-item">The key factors that drive parking demand are parking supply, transit accessibility and the percentage of deed-restricted units</li>
</ul>
<p class="explainer__text">Explore the slides below or read the executive summary to learn more about Phases 1 and 2. Then dig deeper and use the map to explore the data collected for Phases 1-4.</p>
<div class="explainer__right-align">
<a class="explainer__button" href="./assets/documents/Perfect%20Fit%20Executive%20Summary.pdf">Executive Summary</a>
</div>
</div>
<div class="explainer__right">
<h2 class="explainer__heading">Getting Parking Right Matters</h2>
<div class="explainer__center">
<img class="explainer__image" src="./assets/images/explainer-before.png" alt="Before Image of urban design with parking garage, cars, and buildings">
<img class="explainer__image" src="./assets/images/explainer-after.png" alt="After Image of urban design with less parking, more building space, more greenery, and more transportation options">
</div>
<p class="explainer__text">By achieving the perfect fit, we can:
<ul>
<li>Reduce housing costs</li>
<li>Encourage more sustainable transporation</li>
<li>Alleviate congestion and reduce greenhouse gas emissions</li>
<li>Free up land area for more housing units, open space, and other community-focused uses</li>
</p>
</div>
</section>
<div class="aspect-ratio-box-slides">
<iframe class="aspect-ratio-box-inside" src="//slides.com/mapc/perfect-fit/embed?style=light" scrolling="no" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<section class="explore-the-data">
<div class="explore-the-data__center">
<h2 class="explore-the-data__header">Adjust the Slider to Explore the Data (Phases 1-4)</h2>
<img class="explore-the-data__legend" src="./assets/images/def_leg_small-01.png" alt="Interactive chart data legend, describing Parking Utilization, Parking Supply per Unit, and Parking Demand per Unit">
</div>
<svg class="slider" width="100%" height="185"></svg>
<div class="parking-data__legend-parent">
<img class="parking-data__legend parking-data__legend--hidden" src="./assets/images/heatmap-legend.svg" alt="Heatmap chart color legend">
</div>
<div class="parking-data">
<svg class="parking-map" viewBox="0 0 900 700"></svg>
<div class="aspect-ratio-box">
<div class="aspect-ratio-box-inside">
<table class="parking-table">
</table>
</div>
</div>
<div class="toggle">
<button type="button" class="toggle__transit" data-toggle="button">
Show Public Transit
</button>
<button type="button" class="toggle__jobs" data-toggle="button">
Show Jobs Heatmap
</button>
<div id="phase-flex">
<div class="phase-col">
<button type="button" class="toggle__phase bp1 toggled__p1" data-toggle="button">
Phase 1 & 2
</button>
</div>
<div class="phase-col">
<button type="button" class="toggle__phase bp3 toggled__p3" data-toggle="button">
Phase 3
</button>
<button type="button" class="toggle__phase bp4 toggled__p4" data-toggle="button">
Phase 4
</button>
</div>
</div>
</div>
</div>
</section>
<section class="action-boxes">
<div class="action-box">
<h2 class="action-box__title">Read the Full Report (Phases 1 and 2)</h2>
<p class="action-box__text">Find the full phase 1 & 2 report and technical appendix here.</p>
<div class="action-box__right-align">
<a href="./assets/documents/Final%20Perfect%20Fit%20Report.pdf" class="action-box__button mr">
Read Report
</a>
<a href="./assets/documents/PerfectFit_TechnicalMemo_07_23_19.pdf" class="action-box__button">
Technical Appendix
</a>
</div>
</div>
<div class="action-box">
<h2 class="action-box__title">Learn More</h2>
<p class="action-box__text">Read more about Transporation Demand Management strategies you can advocate for in your community.</p>
<div class="action-box__right-align">
<a class="action-box__button" href="./assets/documents/6.28%20Transportation%20Demand%20Management%20Strategies%20One%20Pager.pdf">
Learn More
</a>
</div>
</div>
<div class="action-box">
<h2 class="action-box__title">Download the Data</h2>
<p class="action-box__text">Download a .csv file of our site-level data for Phases 1-4, or visit our open data portal DataCommon for more comprehensive Perfect Fit Parking data and metadata for Phases 1 - 4.</p>
<div class="action-box__right-align">
<a class="action-box__button mr" href="https://datacommon.mapc.org/csv?table=tabular.trans_perfect_fit_parking&database=ds" >
Direct .csv Download
</a>
<a class="action-box__button" href="https://datacommon.mapc.org/browser/datasets/393">
DataCommon
</a>
</div>
</div>
<div class="action-box">
<h2 class="action-box__title">Have any questions?</h2>
<p class="action-box__text">If you have questions, or comments, or would like to learn more don't hesitate to reach out!</p>
<div class="action-box__right-align">
<a class="action-box__button" href="mailto:[email protected]">
Contact Us
</a>
</div>
</div>
</section>
{% include footer.html %}