-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
286 lines (257 loc) · 16.9 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
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="HandHeldFriendly" content="true">
<meta name="mobileoptimized" content="0">
<title>DoES Liverpool Visors – Protective Equipment for Healthcare Workers</title>
<link rel="stylesheet" href="css/main.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;0,900;1,400;1,700&display=swap" rel="stylesheet">
<meta property="og:site_name" content="DoES Liverpool Visors" />
<meta property="og:type" content="article" />
<meta property="og:title" content="DoES Liverpool Visors – Protective Equipment for Healthcare Workers" />
<meta property="og:description" content="Getting protective equipment in to the hands of healthcare workers tackling the Covid-19 epidemic." />
<meta property="og:url" content="http://ppe.doesliverpool.com" />
<meta property="og:image" content="https://ppe.doesliverpool.com/images/social-image.jpg" />
<meta property="og:image:width" content="800">
<meta property="og:image:height" content="420">
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="DoES Liverpool Visors – Protective Equipment for Healthcare Workers" />
<meta name="twitter:description" content="Getting protective equipment in to the hands of healthcare workers tackling the Covid-19 epidemic." />
<meta name="twitter:url" content="https://ppe.doesliverpool.com/" />
<meta name="twitter:image" content="https://ppe.doesliverpool.com/images/social-image.jpg" />
<meta name="twitter:image:width" content="800">
<meta name="twitter:image:height" content="420">
<meta name="twitter:site" content="@doesliverpool" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
</head>
<body>
<nav class="section section--nav">
<div class="container">
<a href="/" class="logo">
<img src="images/logo-does-visors.svg" width="330" height="100" alt="DoES Liverpool Visors">
</a>
<ul class="level">
<li class="level-item has-text-centered">
<a href="https://www.gofundme.com/f/get-visors-into-the-hands-of-healthcare-workers" target="_blank" class="button is-info is-medium has-text-weight-bold is-rounded">Donate</a>
</li>
<li class="level-item has-text-centered">
<a href="https://docs.google.com/forms/d/e/1FAIpQLScV9-SxioO0zpePppJy86g2vq6njRXdCcN2OLRbQvkOypAOcg/viewform" class="button is-white is-medium is-rounded"><strong>Request Visors</strong></a>
</li>
<li class="level-item has-text-centered">
<a href="https://github.com/DoESLiverpool/covid19/issues/21" class="button is-white is-medium is-rounded"><strong>Materials Needed</strong></a>
</li>
<li class="level-item has-text-centered">
<a href="https://docs.google.com/forms/d/e/1FAIpQLSca6bWcUwvAfzfc2A-vNTZklxa5KxeChzk6gO2pMnESX3pfCg/viewform" class="button is-white is-medium is-rounded"><strong>Volunteer</strong></a>
</li>
</ul>
</div>
</nav>
<section class="hero hero--home">
<div class="hero-body">
<div class="container">
<h1 class="title is-spaced">
We’re a community of volunteers, producing effective, low-cost visors, for healthcare workers and hospitals across the North West of England.
</h1>
</div>
<p class="has-text-weight-bold" style="margin-top: 2rem;">As seen on…</p>
<div class="press-logos">
<a href="https://www.bbc.co.uk/sounds/play/p087slgg" target="_blank"><img src="images/logo-bbc.png" width="210" height="60" alt="BBC Merseyside"></a>
<a href="https://www.liverpoolecho.co.uk/news/liverpool-news/liverpool-makers-join-forces-create-18037056" target="_blank"><img src="images/logo-echo.png" width="246" height="60" alt="Liverpool Echo"></a>
<a href="https://www.liverpoollocal.tv/videos/making-ppe-for-those-who-need-it-x7t548o/" target="_blank"><img src="images/logo-liverpool-tv.png" width="300" height="60" alt="Liverpool TV"></a>
<a href="https://www.business-live.co.uk/manufacturing/coronavirus-makers-join-forces-manufacture-18037490" target="_blank"><img src="images/logo-business-live.png" width="286" height="60" alt="Business Live"></a>
<a href="https://www.businesscloud.co.uk/news/laser-cut-visors-for-nhs-staff-take-just-two-minutes-to-prod" target="_blank"><img src="images/logo-business-cloud.png" width="218" height="60" alt="Business Cloud"></a>
</div>
<div class="container">
<p class="subtitle has-text-weight-bold">We have a team of 20+ people working hard to produce as much as possible, and we’re sharing our designs for other makers around the world to re-use.</p>
</div>
</div>
</section>
<section class="section">
<div class="container">
<div class="columns is-desktop">
<div class="column is-full-mobile is-full-tablet is-one-third-desktop">
<h2 class="is-size-2 audience-header">For people who want to help us</h2>
</div>
<div class="column is-full-mobile is-full-tablet is-two-thirds-desktop content">
<div class="columns">
<div class="column">
<p>We’ve been blown away by the generosity of our supporters, who raised over £10,000 in 48 hours to help us kick-start production.</p>
<p>But <strong>we need a steady stream of donations</strong> to cover our materials costs, and pay our makers a fair, living wage.</p>
<div class="embed-container">
<iframe src="https://player.vimeo.com/video/407612688" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
</div>
<p>Every donation, no matter how small, helps us deliver visors to healthcare workers in need. <a href="https://www.gofundme.com/f/get-visors-into-the-hands-of-healthcare-workers" target="_blank">Donate now.</a></p>
</div>
<div class="column is-narrow">
<a href="https://www.gofundme.com/f/get-visors-into-the-hands-of-healthcare-workers" target="_blank" class="button is-danger is-medium is-rounded has-text-weight-bold">Donate now</a>
</div>
</div>
<hr>
<div class="columns">
<div class="column">
<p>If you want to do more than just donate to us, but you’re not technical, <strong>we’re looking for volunteers in a number of support roles</strong> including: finance, comms, PR, and project management.</p>
</div>
<div class="column is-narrow">
<a href="https://docs.google.com/forms/d/e/1FAIpQLSca6bWcUwvAfzfc2A-vNTZklxa5KxeChzk6gO2pMnESX3pfCg/viewform" target="_blank" class="button is-light is-medium is-rounded has-text-weight-bold">Volunteer for us</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<div class="columns is-desktop">
<div class="column is-full-mobile is-full-tablet is-one-third-desktop">
<h2 class="is-size-2 audience-header">For makers & manufacturers</h2>
</div>
<div class="column is-full-mobile is-full-tablet is-two-thirds-desktop content">
<div class="columns">
<div class="column">
<p>We’re based out of DoES Liverpool (a CIC focussed on supporting the local maker community) but for this project we’re pulling together makers from across the North West.</p>
<p>We’re <strong>actively looking for people with 3D printing or laser cutting capabilities</strong>, to join our community and help us fulfil the orders we’re receiving every day.</p>
<img src="images/3d-printer-joy.jpg" width="1024" height="768" alt="DoES maker taking delivery of new 3D printers" style="display: block; margin: 1.5rem 0 0 0; border-radius: 0.25rem;">
</div>
<div class="column is-narrow">
<a href="https://docs.google.com/forms/d/e/1FAIpQLSca6bWcUwvAfzfc2A-vNTZklxa5KxeChzk6gO2pMnESX3pfCg/viewform" target="_blank" class="button is-primary is-medium is-rounded has-text-weight-bold">Become a maker</a>
</div>
</div>
<hr>
<div class="columns">
<div class="column">
<p>A huge challenge for us is sourcing the materials we need to produce our laser cut and 3D printed visors – things like <strong>PETG, elastic strips, and Polypropylene sheets</strong>.</p>
<p>If you know where we can find these materials at a fair price, or—even better—if you can donate any materials you don’t need, then get in touch with us.</p>
</div>
<div class="column is-narrow">
<a href="https://github.com/DoESLiverpool/covid19/issues/21" target="_blank" class="button is-light is-medium is-rounded has-text-weight-bold">See what we need</a>
</div>
</div>
<hr>
<div class="columns">
<div class="column">
<p>Wherever possible, we’re working in the open, sharing our internal discussions, our visor designs, and our working processes.</p>
<p><strong>If you’re a maker from anywhere else in the world</strong>, and you want to make visors like ours, visit our maker springboard for all the materials you’ll need.</p>
</div>
<div class="column is-narrow">
<a href="https://github.com/DoESLiverpool/covid19/tree/master/visor-designs" target="_blank" class="button is-light is-medium is-rounded has-text-weight-bold">Use our designs</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<div class="columns is-desktop">
<div class="column is-full-mobile is-full-tablet is-one-third-desktop">
<h2 class="is-size-2 audience-header">For healthcare workers</h2>
</div>
<div class="column is-full-mobile is-full-tablet is-two-thirds-desktop content">
<div class="columns">
<div class="column">
<p>Our laser-cut polypropylene visors have been ordered by hospitals and GP surgeries across the North West, including Aintree Hospital, Manchester Royal Infirmary (MRi), Liverpool Royal, Walton Hospital, and East Lancashire Hospital.</p>
<p>We can also produce 3D printed visors, or put you in touch with other makers and organisations who can produce them.</p>
<div class="embed-container">
<iframe src="https://player.vimeo.com/video/407613242" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
</div>
<p><strong>If you need visors</strong>, <a href="https://docs.google.com/forms/d/e/1FAIpQLScV9-SxioO0zpePppJy86g2vq6njRXdCcN2OLRbQvkOypAOcg/viewform" target="_blank">fill in our order form</a>, and we’ll help you work out what’s best for you.</p>
</div>
<div class="column is-narrow">
<a href="https://docs.google.com/forms/d/e/1FAIpQLScV9-SxioO0zpePppJy86g2vq6njRXdCcN2OLRbQvkOypAOcg/viewform" target="_blank" class="button is-warning is-medium is-rounded has-text-weight-bold">Request visors</a>
</div>
</div>
<hr>
<div class="columns">
<div class="column">
<p><strong>If you need to know more</strong> about our visors before placing an order, you can read our product detail sheet.</p>
<a href="https://github.com/DoESLiverpool/ppewebsite/issues/3" target="_blank">
<img src="images/laser-cut-visor.jpg" width="1024" height="768" alt="DoES Liverpool Visors laser cut visor" style="display: block; margin: 1.5rem 0 0 0; border-radius: 0.25rem;">
</a>
</div>
<div class="column is-narrow">
<a href="https://github.com/DoESLiverpool/ppewebsite/issues/3" target="_blank" class="button is-light is-medium is-rounded has-text-weight-bold">Product info</a>
</div>
</div>
<hr>
<div class="columns">
<div class="column">
<p>We’ve been incredibly lucky to have the input of healthcare professionals in a range of specialties during our design phase, but we’re constantly improving the design.</p>
<p><strong>If you have feedback to help us improve our visors</strong> visit our public issue tracker and contribute to the discussion.</p>
</div>
<div class="column is-narrow">
<a href="https://github.com/DoESLiverpool/covid19/issues/" target="_blank" class="button is-light is-medium is-rounded has-text-weight-bold">Give feedback</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- <section class="section">
<div class="container">
<div class="columns is-desktop">
<div class="column is-full-mobile is-full-tablet is-one-third-desktop">
<h2 class="is-size-2 audience-header">For journalists</h2>
</div>
<div class="column is-full-mobile is-full-tablet is-two-thirds-desktop content">
<div class="columns">
<div class="column">
<p>This is a totally grass-roots success story, from Liverpool’s entrepreneurial community. None of our makers are doing this for their own gain – we just want to help healthcare workers do their jobs and save lives during this crisis.</p>
<p><strong>We need your help to get the word out.</strong> Download our press pack, which includes a history of the project, quotes, photos, and contact details.</p>
</div>
<div class="column is-narrow">
<a href="#" target="_blank" class="button is-success is-medium is-rounded has-text-weight-bold">Press pack</a>
</div>
</div>
</div>
</div>
</div>
</section> -->
<footer class="section has-background-light" style="margin-top: 4rem">
<div class="container">
<h2 class="is-size-4 has-text-centered">A huge thanks to our corporate sponsors</h2>
<div class="sponsor-logos">
<a href="http://theoptimumgroup.co.uk/" target="_blank">
<img src="images/logo-optimum-group.png" width="436" height="170" alt="Optimum Group" loading="lazy">
</a>
<a href="https://mcqn.com/" target="_blank">
<img src="images/logo-mcqn.png" width="221" height="67" alt="MCQN Limited" loading="lazy">
</a>
<a href="http://dynamicdevices.co.uk/" target="_blank">
<img src="images/logo-dynamic-devices.png" width="607" height="330" alt="Dynamic Devices" loading="lazy">
</a>
<a href="https://www.wifi-securities.com/" target="_blank">
<img src="images/logo-wifi-securities.png" width="600" height="479" alt="Wifi Securities" loading="lazy">
</a>
<a href="https://www.linkedin.com/company/sorcery-consulting-limited/" target="_blank">
<img src="images/logo-sorcery-consulting.png" width="400" height="271" alt="Sorcery Consulting" loading="lazy">
</a>
<a href="https://www.cal-international.com/" target="_blank">
<img src="images/logo-cal-international.png" width="600" height="340" alt="CAL International" loading="lazy">
</a>
<a href="https://towergrangefinance.com/" target="_blank">
<img src="images/logo-tower-grange-finance.png" width="407" height="245" alt="Tower Grange Finance" loading="lazy">
</a>
<a href="https://www.gillingdod.com" target="_blank">
<img src="images/logo-gilling-dod.png" width="600" height="213" alt="Gilling Dod Architects" loading="lazy">
</a>
</div>
<h2 class="is-size-4 has-text-centered">And our partners</h2>
<div class="sponsor-logos">
<a href="https://www.eliteinvite.com/" target="_blank">
<img src="images/logo-elite-invite.png" width="600" height="433" alt="Elite Invite" loading="lazy">
</a>
<a href="https://lydiatelearningtrust.co.uk/" target="_blank">
<img src="images/logo-lydiate-learning-trust.png" width="401" height="227" alt="Sprinter" loading="lazy">
</a>
<a href="https://www.sprinterprinter.biz/" target="_blank">
<img src="images/logo-sprinter.png" width="508" height="161" alt="Sprinter" loading="lazy">
</a>
</div>
</div>
</footer>
<script src="https://player.vimeo.com/api/player.js"></script>
</body>
</html>