forked from fabfoundation/fabxlive2020
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
552 lines (485 loc) · 24.6 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
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
---
layout: default
title: FABxLive
---
<section class="bg-light">
<div class="d-flex">
<div class="sidebar d-none d-md-inline" style="z-index:999;"></div>
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel" style="z-index:999;">
<ol class="carousel-indicators">
{% for item in site.data.slider %}
<li data-target="#carouselExampleControls" data-slide-to="{{forloop.index0}}" class="{% if forloop.first %}active{% endif %}"></li>
{% endfor %}
</ol>
<div class="carousel-inner">
<!-- add new images by using the file: _data/slider.yml -->
{% for item in site.data.slider %}
<div class="carousel-item {% if forloop.first %}active{% endif %}">
<img class="d-block w-100" src="/uploads/banners/{{ item.image }}" alt="First">
<div class="carousel-caption d-none d-md-block">
{% if item.title %}
<a class="btn bg-red shadow" href="{{item.url}}" target="_blank">
{{item.title}}
</a>
{% endif %}
<p>{{item.text}}</p>
</div>
</div>
{% endfor %}
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</section>
<section class="bg-cyan text-white py-5 position-relative" id="about">
{%- include bg-items-cyan.html -%}
<div class="container position-relative">
<h1>ABOUT</h1>
<div class="row">
<div class="col-lg-6 mb-3">
<p>
The FABXLive, this year's global Fab Lab Network conference, is an online, distributed, FREE conference that gives us
an opportunity to stay connected, reflect and engage deeply around Fab Lab and other community responses to COVID-19,
the current state of the world and our vision for the future. With more than 2000 Fab Labs in 126 countries worldwide,
we will bring together members of the international Fab Lab Network, government representatives, the manufacturing industry,
artists, teachers, academic researchers and experts in the field of digital fabrication, to present, envision, innovate, create
community, disseminate best practices in digital fabrication and discuss solutions to our world's challenges during this unprecedented time in history.
</p>
<p>
July 27-July 30 we will host expert panels, keynote speakers and members of our network.
On July 31, we will have a GLOBAL FAB DAY, a day dedicated to all of us inventing and imagining locally and together.
</p>
<div class="text-center">
<a class="btn bg-yellow shadow" href="http://eepurl.com/g0qQSX" target="_blank">SUBSCRIBE</a>
</div>
</div>
<!-- thumbnail
<div class="col-lg-6">
<img class="img-fluid" src="/uploads/fxl_sq2.png" alt="https://fabxmembers.fabevent.org/">
</div>
-->
<div class="col-lg-6">
<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/ckqgoq9gNgw" allowfullscreen></iframe>
</div>
<div class="text-right">
{%- include social.html -%}
</div>
</div>
</div>
{%- include contribution.html -%}
</div>
</section>
<section class="text-grey pt-5 position-relative" id="themes" style="padding-bottom:80px">
{%- include bg-items-white.html -%}
<div class="container">
<h1 class="text-muted">THEMES</h1>
<div class="row">
<div class="col-md-6 col-xl-3 mb-4">
<div class="theme-box circle bg-blue p-5 d-flex flex-column justify-content-center mx-auto mb-2">
<h4>GLOBAL RESPONSE TO COVID-19</h4>
</div>
</div>
<div class="col-md-6 col-xl-3 mb-4">
<div class="theme-box bg-cyan p-5 d-flex flex-column justify-content-center mx-auto mb-2">
<h4>COMMUNITY ACTION</h4>
</div>
</div>
<div class="col-md-6 col-xl-3 mb-4">
<div class="theme-box circle bg-red p-5 d-flex flex-column justify-content-center mx-auto mb-2">
<h4>REBOOTING ECONOMIES</h4>
</div>
</div>
<div class="col-md-6 col-xl-3 mb-4">
<div class="theme-box bg-yellow p-5 d-flex flex-column justify-content-center mx-auto mb-2">
<h4>EMERGENT FUTURES</h4>
</div>
</div>
</div>
</div>
</section>
<section class="bg-cyan text-white py-5 position-relative" id="participate">
{%- include bg-items-cyan.html -%}
<div class="container position-relative">
<h1>PARTICIPATE</h1>
<article class="row">
<div class="col-12">
<p>
FABX Events integrate knowledge and collaborations that happen during the year in over 2,000 fab labs across the world.
Members of the community propose content through workshops, talks, discussions and working sessions. FABX provides time
and space for networking and for hands-on making with digital fabrication. This is an opportunity to brainstorm and share
your projects, collaborations, ideas, and work with the global community. Please note that to give everyone in the global
community an opportunity to participate, we ask that anything you submit be adaptable for an online format and online interaction,
and that includes options of pre-recording or leading something real-time and Live.
</p>
<p>
We also encourage you to register TODAY in the link below. Our new FABxLive member platform will allow us to share, contribute, promote and interact with each other leading up to and during the conference.
</p>
<div class="text-center mb-5">
<a class="btn bg-red shadow" href="https://fabxmembers.fabevent.org/" target="_blank">JOIN THE NETWORK</a>
</div>
</div>
<div class="col-lg-6 mb-3">
<div class="text-center font-roboto nav nav-participate flex-column">
<a class="d-block bg-white p-4 mb-2 shadow text-muted active" data-toggle="pill" id="pills-online-theoretical-tab" href="#pills-online-theoretical" >ONLINE THEORETICAL WORKSHOPS</a>
<a class="d-block bg-white p-4 mb-2 shadow text-muted" data-toggle="pill" id="pills-online-hands-tab" href="#pills-online-hands" >ONLINE HANDS-ON WORKSHOPS</a>
<a class="d-block bg-white p-4 mb-2 shadow text-muted" data-toggle="pill" id="pills-fabercise-tab" href="#pills-fabercise" >FABERCISE</a>
<a class="d-block bg-white p-4 mb-2 shadow text-muted" data-toggle="pill" id="pills-fab-world-tab" href="#pills-fab-world" >FAB WORLD</a>
<a class="d-block bg-white p-4 mb-2 shadow text-muted" data-toggle="pill" id="pills-global-fab-tab" href="#pills-global-fab" >GLOBAL FAB DAY</a>
<a class="d-block bg-white p-4 mb-2 shadow text-muted" data-toggle="pill" id="pills-become-tab" href="#pills-become" >BECOME A VOLUNTEER</a>
</div>
</div>
<div class="col-lg-6">
<div class="tab-content bg-light-blue pl-4">
<div class="fab-pane tab-pane fade show active" id="pills-online-theoretical">
<p>
Get involved with the community and share your knowledge and your thoughts around a particular topic with a discussion-based workshop.
</p>
<p>
We encourage you to adapt your theoretical workshop so that it is engaging ONLINE. You can also use collaborative online tools such as mural.co or miro.com for enhancing the interaction.
</p>
<div class="text-center">
<a class="btn bg-yellow shadow" href="https://forms.gle/DuYXjBB6SKyiutYr9" target="_blank">Apply by July 15</a>
</div>
</div>
<div class="fab-pane tab-pane fade" id="pills-online-hands">
<p>
Lead a hands-on workshop where others can follow along while in their local Fab Lab or at home. These can be pre-recorded or live,
and can be done in your native language or in English, depending on your preference.
</p>
<p>
Please keep in mind that, given the circumstances around Covid-19, not everyone will have access to tools you would find in
a Fab Lab unless they can purchase them ahead of time. Thus we will need a detailed list of materials for ONLINE workshops
as soon as possible. This is also a chance to rethink what workshops we can do with things you can buy at local stores or
find in most anyone's home!
</p>
<div class="text-center">
<a class="btn bg-yellow shadow" href="https://forms.gle/DuYXjBB6SKyiutYr9" target="_blank">Apply by July 15</a>
</div>
</div>
<div class="fab-pane tab-pane fade" id="pills-fabercise">
<p>
After all of this zoom time, we need to get active during our conference, will you lead a 3-5 min fabercise for the fab community?
</p>
<p>
For this year´s Fabercise we kindly request only VIDEO submissions.
</p>
<div class="text-center">
<a class="btn bg-yellow shadow" href="https://forms.gle/DuYXjBB6SKyiutYr9" target="_blank">Submit before July 15</a>
</div>
</div>
<div class="fab-pane tab-pane fade" id="pills-fab-world">
<p>
We would love to know what you have been working on during this year! Have you opened a new fab lab? Did you make an amazing project
that you want to share with us? Would you like to present yourself and what you do to the network?
Here is the moment of FABWORLD! Present your lab, a project, or yourself in a maximum 3min pitch. You can propose any format,
whether it's a prerecorded video or a powerpoint presentation!
</p>
<div class="text-center">
<a class="btn bg-yellow shadow" href="https://forms.gle/DuYXjBB6SKyiutYr9" target="_blank">Submit before July 15</a>
</div>
</div>
<div class="fab-pane tab-pane fade" id="pills-global-fab">
<p>
Friday, July 31st is a day dedicated to making!
</p>
<p>
For Global Fab Day, Fab Labs and Regional Networks have the opportunity to create local activities, workshops, presentations, Fab Lab open houses, whatever your community needs and wants.
You have the option to share a video conferencing link with other conference attendees or just keep it at the local level. We encourage you to get creative, think about how your community
can be empowered and supported at this time.
</p>
<div class="text-center">
<a class="btn bg-yellow shadow" href="https://forms.gle/mFWFdA5w9xetrbUZA" target="_blank">Apply by July 15</a>
</div>
</div>
<div class="fab-pane tab-pane fade" id="pills-become">
<p>
In order to create a smooth online conference, we are reaching out to see who in our community would be
interested in volunteering a few hours of their time towards helping make sure this conference is a huge success. We have five
possible opportunities:
</p>
<p>
- Tech Support
</p>
<p>
- Chat Moderator
</p>
<p>
- Reporter
</p>
<p>
- General Content Support
</p>
<p>
- Social Media Support
</p>
<div class="text-center">
<a class="btn bg-yellow shadow" href="https://forms.gle/rb6mx4DmKZBkJenp6" target="_blank">Apply by July 5</a>
</div>
</div>
</div>
</div>
<div class="col-12 mt-5">
<h2 class="text-yellow">JOIN OUR COLLABORATORS</h2>
<p>
This year our supporters want to engange more with the community, that is why they have a program of activities during the week every day from
Monday July 27 until Thursday July 30 from 16:00-16:30 UTC that we encourage you to partipate on.
Check their program below:
</p>
</div>
</article>
<ul class="nav fab-pills-blue mb-4 text-uppercase" role="tablist">
<li class="nav-item border m-1" role="presentation">
<a class="nav-link active" id="tab-solidworks" data-toggle="tab" href="#participate-1" role="tab">SOLIDWORKS</a>
</li>
<li class="nav-item border m-1" role="presentation">
<a class="nav-link" id="tab-chevron" data-toggle="tab" href="#participate-2" role="tab">CHEVRON</a>
</li>
<li class="nav-item border m-1" role="presentation">
<a class="nav-link" id="tab-brother" data-toggle="tab" href="#participate-3" role="tab">BROTHER</a>
</li>
</ul>
<!-- add new items by using the file: _data/participate_program.yml -->
{% assign solidworks = site.data.participate_program | where: "supporter", 'solidworks' %}
{% assign chevron = site.data.participate_program | where: "supporter", 'chevron' %}
{% assign brother = site.data.participate_program | where: "supporter", 'brother' %}
<section class="tab-content mb-5" id="participate-tab-content">
<article class="tab-pane fade show active" id="participate-1" role="tabpanel">
<div class="row">
{% for item in solidworks %}
{%- include supporter_activity.html -%}
{% endfor %}
</div>
</article>
<article class="tab-pane fade" id="participate-2" role="tabpanel">
<div class="row">
{% for item in chevron %}
{%- include supporter_activity.html -%}
{% endfor %}
</div>
</article>
<article class="tab-pane fade" id="participate-3" role="tabpanel">
<div class="row">
{% for item in brother %}
{%- include supporter_activity.html -%}
{% endfor %}
</div>
</article>
</section>
{%- include contribution.html -%}
</div>
</section>
<section class="py-5 position-relative" id="speakers">
{%- include bg-items-white.html -%}
<div class="container position-relative">
<h1 class="text-muted">HOSTS</h1>
<section class="row">
<!-- first 4 speakers are hosts -->
{% for item in site.speakers limit:4 %}
<article class="col-md-6 col-lg-4 col-xl-3 text-center mb-4">
<a data-toggle="modal" data-target="#host-{{forloop.index}}" href="#">
<img src="{{ item.picture | absolute_url }}" class="img-fluid mb-2 speaker-image" style="max-height:150px;" alt=""/>
<h6><u>{{item.name}}</u></h6>
</a>
<p>{{item.institution}}</p>
<div class="modal fade" id="host-{{forloop.index}}" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content bg-light-blue rounded-0 outline-blue border-0">
<div class="modal-header border-bottom-0 pb-0">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body text-left">
{{item.content}}
</div>
<div class="modal-footer border-top-0 justify-content-center pt-0">
<button type="button" class="btn bg-yellow shadow" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</article>
{% endfor %}
</section>
<h1 class="text-muted">SPEAKERS</h1>
<section class="row">
{% for item in site.speakers offset: 4 %}
<article class="col-md-6 col-lg-4 col-xl-3 text-center mb-4">
<a data-toggle="modal" data-target="#speaker-{{forloop.index}}" href="#">
<img src="{{ item.picture | absolute_url }}" class="img-fluid mb-2 speaker-image" style="max-height:150px;" alt=""/>
<h6><u>{{item.name}}</u></h6>
</a>
<p>{{item.institution}}</p>
<div class="modal fade" id="speaker-{{forloop.index}}" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content bg-light-blue rounded-0 outline-blue border-0">
<div class="modal-header border-bottom-0 pb-0">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body text-left">
{{item.content}}
</div>
<div class="modal-footer border-top-0 justify-content-center pt-0">
<button type="button" class="btn bg-yellow shadow" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</article>
{% endfor %}
</section>
<p>More speakers joining soon...</p>
</div>
</section>
<section class="bg-cyan text-white py-5 position-relative" id="challenges">
{%- include bg-items-cyan.html -%}
<div class="container position-relative">
<h1>CHALLENGES</h1>
<ul class="nav fab-pills-blue mb-4 text-uppercase" role="tablist">
<li class="nav-item border m-1" role="presentation">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#challenge-1" role="tab">COVID-19 Innovation Award Soliworks</a>
</li>
<li class="nav-item border m-1" role="presentation">
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#challenge-2" role="tab">Mobile Hand Washing Challenge</a>
</li>
<li class="nav-item border m-1" role="presentation">
<a class="nav-link" id="contact-tab" data-toggle="tab" href="#challenge-3" role="tab">Social distancing challenge</a>
</li>
</ul>
<section class="tab-content" id="challenge-tab-content">
<article class="tab-pane fade show active" id="challenge-1" role="tabpanel">
<div class="row">
<div class="col-lg-6 mb-4">
<img class="img-fluid" src="/uploads/challenge-7.jpg" alt="Challenge">
</div>
<div class="col-lg-6">
<p>
FABxLive and FabCare, in collaboration with Dassault Systemes SOLIDWORKS and the 3DEXPERIENCE Lab, are looking for strong examples of resilient initiatives undertaken during the COVID-19 crisis within the Fab Lab Network.
</p>
<p>
You may apply as an Individual or a Fab Lab.
</p>
<ol>
<li>Innovative design solutions (physical or digital) during Covid-19 emergency response, along with ways of engagement with local needs, resource re-allocation and fabrication volunteering</li>
<li>Impactful community/regional network - coordinated efforts to get a more effective collective impact. This may include, if applicable, digital communities and platforms that connect people, showcase projects, bring together diverse stakeholders</li>
<li>Innovative solutions for the ‘new normal’- solutions to support people to work, to engage in activities, travel, and stay connected safely while COVID-19 is still a risk. In many countries we are moving to a ‘new normal’, an everyday reality that challenges us to find a balance between being safe and going back to what we have and want to do, both for work and leisure.</li>
</ol>
<p>
The winning entry from each category will be awarded with 1 Full Scholarship for either of our Academany educational programs: Fab Academy and Fabricademy.
</p>
<p>
For more information on Fab Academy and Fabricademy, please visit:
<a href="https://fabacademy.org/" target="_blank">https://fabacademy.org/</a>
and
<a href="https://fabricademy.org/" target="_blank">https://fabricademy.org/</a>
</p>
<small>
Submissions are due by July 17, 2020 (Friday), 11:59 EST
</small>
<div class="text-center mt-4">
<a class="btn mx-auto bg-yellow shadow px-4" href="https://forms.gle/xjiKHja2A8BFUDMaA" target="_blank">Apply by July 17</a>
</div>
</div>
</div>
</article>
<article class="tab-pane fade" id="challenge-2" role="tabpanel">
<div class="row">
<div class="col-lg-6 mb-4">
<p>
FOREST CNC: Mobile Hand Washing Challenge!
</p>
<p>
We encourage you and your Fab Lab to tackle the challenge of creating a mobile hand washing unit that can be used for populations in need.
</p>
<p>
While the CDC promotes hand washing as the main way to avoid contracting the coronavirus, there are a surprising
number of people in the world who do not have access to running water. Among these are Native Americans living in
the Navajo Nation in the United States, who represent part of the more than two million North Americans without
access to running water in 2020. The homeless population also has difficulty sourcing water when support services
are limited or closed entirely. And many other populations around the world are without access to this basic health-supporting capability.
</p>
<p>
The winner will be announced at FABXLive and will receive a Forest CNC router!
</p>
<div class="text-center">
<a class="btn mx-auto bg-yellow shadow px-4" href="https://docs.google.com/forms/d/e/1FAIpQLSeFWz-MRZyZ2yMrQnuae2KTB8VtdRWsC8kvebSY8-rF9r65mg/viewform" target="_blank">APPLY BY JULY 1</a>
</div>
</div>
<div class="col-lg-6 mb-4">
<img class="img-fluid" src="/uploads/challenge.png" alt="Challenge">
</div>
</div>
</article>
<article class="tab-pane fade" id="challenge-3" role="tabpanel">
<div class="row">
<div class="col-lg-6 mb-4">
<h4>
Social distancing challenge... to be announced soon!
</h4>
</div>
<div class="col-lg-6 mb-4">
<img class="img-fluid" src="/uploads/challenge-7.jpg" alt="Challenge">
</div>
</div>
</article>
</section>
</div>
</section>
<section class="position-relative my-5">
{%- include bg-items-white.html -%}
<div class="container position-relative">
<h1 class="text-muted mb-0">THANKS</h1>
<h2>TO ALL OUR PARTNERS</h2>
<h4 class="my-4">Hosted by</h4>
<article class="row">
<div class="col-lg-4 mb-3">
<a href="https://fabfoundation.org/" target="_blank"><img src="{{ '/uploads/ff2020.png' | absolute_url }}" class="img-fluid" alt=""/></a>
</div>
<div class="col-lg-4 mb-3">
<a href="https://cba.mit.edu/" target="_blank"><img src="{{ '/uploads/cba.jpg' | absolute_url }}" class="img-fluid" alt=""/></a>
</div>
</article>
<h5 class="my-4">Supported by</h5>
<article class="row">
<!-- add new images by using the file: _data/supported_by.yml -->
{% for item in site.data.supported_by %}
<div class="col-6 col-md-4 col-lg-3 col-xl-2 mb-3">
<a href="{{item.url}}" target="_blank">
<img src="/uploads/{{ item.filename }}" class="img-fluid" alt=""/>
</a>
</div>
{% endfor %}
</article>
<article class="row mt-4">
<!-- add new images by using the file: _data/supported_by_2.yml -->
{% for item in site.data.supported_by_2 %}
<div class="col-4 col-md-3 col-lg-2 mb-3">
<a href="{{item.url}}" target="_blank">
<img src="/uploads/{{ item.filename }}" class="img-fluid" alt=""/>
</a>
</div>
{% endfor %}
</article>
<h5 class="my-4">In collaboration with</h5>
<article class="row">
<!-- add new images by using the file: _data/collaboration_with.yml -->
{% for item in site.data.collaboration_with %}
<div class="col-6 col-md-4 col-lg-3 col-xl-2 mb-3">
<a href="{{item.url}}" target="_blank">
<img src="/uploads/{{ item.filename }}" class="img-fluid" alt=""/>
</a>
</div>
{% endfor %}
</article>
</div>
</section>