-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex-2021.html
229 lines (216 loc) · 14.1 KB
/
index-2021.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
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes">
<meta name="description" content="">
<meta name="author" content="">
<title>Public Space Invitational 2021</title>
<link rel="shortcut icon" href="img/leaf-nav.png">
<link rel="apple-touch-icon" href="img/leaf-nav.png">
<link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=PT+Serif:400' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="css/landing-page.css" rel="stylesheet">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ==" crossorigin=""/>
<style>
.leaflet-tooltip {
pointer-events: auto;
}
.credit {
font-size: 14px;
margin-left: 5px;
color: #333;
font-family: 'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif;
}
.i-padding {
padding-top: 10px;
}
</style>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top nav_style">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href=""><img style="opacity:.8;" class="nav-img pull-left" src="img/leaf-nav.png"/>Public Space Invitational</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#about">About</a></li>
<li><a href="#challenge">The Challenge</a></li>
<li><a href="#apply">Apply</a></li>
<li><a href="/faq-2021.html">FAQ</a></li>
</ul>
</div>
</div>
</nav>
<div id="logo-container">
<img id="logo" src="img/psi-main-2021.png"/>
</div>
<div class="content-section-b">
<div class="container">
<div class="row">
<div id="message">
<div class="section-padding">
<div id="alert" style="background-color: #d9edf7; border-color: #bce8f1; color: #31708f; padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px;">
<strong>Update!</strong> The application period is now closed. We will provide updates on the program this fall.
</div>
<p>
<div id="about" class="title anchor-fix" style="padding-top: 50px;">About the Public Space Invitational</div>
</p>
<p>
Since 2014, we have sought ideas on how to make Boston’s public spaces more delightful and beautiful through the <strong>Public Space Invitational</strong>, our annual civic design competition.
</p>
<p>
This summer, we are focusing on the <a href="https://survey123.arcgis.com/share/52947c04597748b3b8010827561f73d1">expansion</a> of community compost in Boston. For several years, the City of Boston has been running <a href="https://www.boston.gov/project-oscar">Project Oscar</a>, a program that allows residents to drop off their food scraps for compost at fives sites. We are working with Boston's Public Works Department on a significant expansion of the program by adding a dozen new community compost sites throughout Boston.
</p>
</div>
<div class="section-padding">
<div class="title anchor-fix" id="challenge">This Year's Challenge</div>
<p>
We are seeking <strong>six teams</strong> of artists and designers to customize our standard compost bins and help us solve a number of challenges we have faced with community compost. During summer of 2021, we would like to pilot six unique bins that can address the following issues:
<ul>
<li><strong>Visual Identity</strong><p>How do we make our compost bins distinct from other recycling or trash bins? Are there visual elements (such as paint) that can make them unique?</p></li>
<li><strong>Accessibility</strong><p>How do we make our bins easier to use, particularly for those with disabilities?</p></li>
<li><strong>Contamination</strong><p>Frequently, our compost bins are filled with trash or food scraps that are not compostable. How do we ensure that residents compost the <a href="https://www.boston.gov/departments/public-works/project-oscar#what-you-can-compost">correct items</a>?</p></li>
</ul>
Applicants will be asked to address at least one of the issues above. We are looking for scalable ideas that can be implemented on one bin within six weeks. We will consider scaling successful prototypes after an evaluation period.
</p>
<p>Selected applicants will receive <strong>one new compost bin</strong> to customize. <strong>Dimensions</strong>, <strong>diagrams</strong>, and <strong>3D renders</strong> of the bins can be found <a href="/faq.html">here</a>. An interactive 3D model can also be found below<svg style="display: inline-block; width: 28px; height: 28px; vertical-align: -5px;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-short" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 4a.5.5 0 0 1 .5.5v5.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L7.5 10.293V4.5A.5.5 0 0 1 8 4z"/>
</svg>
</p>
<model-viewer src="img/bin-grey.glb" camera-controls shadow-intensity="2.1" shadow-softness="1" exposure="1" style="width: 100%; height: 550px">
<div class="progress-bar hide" slot="progress-bar">
<div class="update-bar"></div>
</div>
<button slot="ar-button" id="ar-button">
View in your space
</button>
<!--
<div id="ar-prompt">
<img src="https://modelviewer.dev/shared-assets/icons/hand.png">
</div>
-->
</model-viewer>
<p style="text-align: center; font-size: 16px; color: #333; font-family: 'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif;">
<strong>Spin the bin!</strong> An interactive 3D model of our new compost bins.
</p>
</div>
<!--
<p style="font-size: 12px; color: #333; font-family: 'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif;">
*Map tiles</a> by <a target="_top" href="http://stamen.com">Stamen Design</a>, under <a target="_top" href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a target="_top" href="http://openstreetmap.org">OpenStreetMap</a>, under <a target="_top" href="http://creativecommons.org/licenses/by-sa/3.0">CC BY SA</a>.
</p>
-->
</div>
</div>
</div>
</div>
<div class="content-section-b" style="border: none; padding: 0px 0;">
<div class="container">
<div class="row">
<div id="message">
<div class="title anchor-fix" id="apply">Apply!</div>
<p>
You can apply <a href="https://airtable.com/shrXRaUyBWS395gwl">here</a>.
</p>
<p>
The deadline for applications is <strong>June 14th, 2021 at 8 PM</strong>.
</p>
<p style="padding-top: 10px;">
<b>Project Guidelines</b>
</p>
<ul>
<li>We will notify the first round of applicants of our decisions by June 7th. Selected artists should try to have their compost bins ready by mid-July.</li>
<li class="list-padding">Proposals should address at least one of the following issues: visual identity, accessibility, or contamination.</li>
<li class="list-padding">Proposals should include a porfolio of your work.</li>
<li class="list-padding">Proposals should include a proposed budget of up to $5,000.</li>
</ul>
<p style="margin-top: 25px;">
<strong>More questions?</strong> Email us at <a href="mailto:invitational@newurbanmechanics.org">invitational@newurbanmechanics.org</a>.
</p>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<div class="col-lg-12">
<p style="font-size: 13px; line-height: 13px; color: #aaa;">
<a style="color: #888" href="https://twitter.com/newurbanmechs">
<i class="fa fa-twitter" style="padding-right: 3px;"></i>New Urban Mechanics
</a>
</p>
<p style="font-size: 13px; line-height: 13px; color: #aaa;">
© 2021
</p>
</div>
</div>
</div>
</footer>
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script src="js/bootstrap.min.js"></script>
<script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js" integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw==" crossorigin=""></script>
<script>
$(document).on('click','.navbar-collapse.in',function(e) {
if( $(e.target).is('a') && $(e.target).attr('class') != 'dropdown-toggle' ) {
$(this).collapse('hide');
}
});
/*
var map = new L.Map('map', {
scrollWheelZoom: false,
touchZoom: true,
doubleClickZoom: true,
zoomControl: true,
dragging: true,
attributionControl: false
});
var stamenURL1 = 'https://stamen-tiles.a.ssl.fastly.net/watercolor/{z}/{x}/{y}.jpg';
var stamenURL2 = 'https://stamen-tiles.a.ssl.fastly.net/toner-labels/{z}/{x}/{y}.png';
var stamenLayer1 = new L.TileLayer(stamenURL1, {maxZoom: 18});
var stamenLayer2 = new L.TileLayer(stamenURL2, {maxZoom: 18});
var width = Math.max(document.body.scrollWidth,
document.documentElement.scrollWidth,
document.body.offsetWidth,
document.documentElement.offsetWidth,
document.documentElement.clientWidth
);
if (width < 584) {
var center = new L.LatLng(42.353, -71.0821);
map.setView(center, 12);
} else {
var center = new L.LatLng(42.3223, -71.072);
map.setView(center, 12);
}
map.addLayer(stamenLayer1);
map.addLayer(stamenLayer2);
var LeafIcon = L.Icon.extend({
options: {
shadowUrl: 'img/m-shadow.png',
iconSize: [30, 40],
shadowSize: [35, 16],
iconAnchor: [15, 20],
shadowAnchor: [8, -11]
}
});
var greenIcon = new LeafIcon({iconUrl: 'img/map-marker.png'}),
redIcon = new LeafIcon({iconUrl: 'img/map-marker.png'}),
orangeIcon = new LeafIcon({iconUrl: 'img/map-marker.png'});
L.marker([42.2949323, -71.0733996], {icon: greenIcon}).addTo(map).bindTooltip("<a href='https://www.google.com/maps/place/512+Park+St,+Dorchester+Center,+MA+02124/@42.294801,-71.0740265,19z/data=!3m1!4b1!4m5!3m4!1s0x89e37b94cd3b7d87:0xa7b3a51c3660a060!8m2!3d42.2948!4d-71.073478' target='_blank' rel='noopener noreferrer'><strong>Nightingale</strong></a>",{offset: [5, 21], permanent: true, direction: "right"});
L.marker([42.3435517,-71.0817284], {icon: redIcon}).addTo(map).bindTooltip("<a href='https://www.google.com/maps/place/Titus+Sparrow+Park/@42.3435517,-71.0817284,17z/data=!3m1!4b1!4m5!3m4!1s0x89e37a117b4f2ea1:0x8f5975e57f1ad080!8m2!3d42.3435517!4d-71.0795397' target='_blank' rel='noopener noreferrer'><strong>Titus Sparrow Park</strong></a>", {offset: [-2, 21], permanent: true, direction: "left"});
L.marker([42.3257712,-71.077695], {icon: orangeIcon}).addTo(map).bindTooltip("<a href='https://www.google.com/maps/place/403+Dudley+St,+Boston,+MA+02119/@42.3257712,-71.077695,17z/data=!3m1!4b1!4m5!3m4!1s0x89e37a3794e99867:0x15d0e87786e06caf!8m2!3d42.3257673!4d-71.075501' target='_blank' rel='noopener noreferrer'><strong>El Jardín de la Amistad</strong></a>", {offset: [-5, 21], permanent: true, direction: "left"});
*/
</script>
</body>
</html>