-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
565 lines (497 loc) · 25.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
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
553
554
555
556
557
558
559
560
561
562
563
564
565
---
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>
FABxLive, the 16th annual global Fab Lab Network conference. was the first edition of a distributed, FREE online FABX conference. The online platform gave us the opportunity to stay connected, reflect and engage deeply around Fab Lab and other community responses to COVID-19 (2020 Global Pandemic), the current state of the world and the vision for the future. With more than 2,000 Fab Labs in 126 countries worldwide, we brought together members of the international Fab Lab Network, government representatives, 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>
The event took place from July 27-30, 2020. Over the first four days, we hosted expert panels with a total of 38 keynote speakers during our live stream FAB SYMPOSIUMS.
On July 31, On July 31, we organized a community led 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="uploads/FinalFABxLiveReport.pdf" target="_blank">Download the FABxLive Report</a>
</div>
</div>
<!-- thumbnail
<div class="col-lg-6">
<img class="img-fluid" src="/uploads/fxl_sq2.png" alt="https://live.fablabs.io">
</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 integrates 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://live.fablabs.io" 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" >VOLUNTEER STAFF</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>
Theoretical workshops are an opportunity for discussion and collaborative development around networking and challenges that arise in the community, it is the best way to expose your ideas to those that have a same interest. It is the best way to create, develop and come up with new ideas that will help everyone involved.
</p>
<div class="text-center">
<a class="btn bg-yellow shadow" href="https://www.youtube.com/c/fabfndn/featured" target="_blank">Check them all here</a>
</div>
</div>
<div class="fab-pane tab-pane fade" id="pills-online-hands">
<p>
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. Whether you are new to FABx Events, or have been to many workshops are a great way to meet new people and share knowledge in the network. For some you will need to purchase your materials locally so please check them out in advance. 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://www.youtube.com/c/fabfndn/featured" target="_blank">Watch them here</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, 3-5 min fabercise time provided by memebers of our community. So get ready to do some quick workout, or at least a nice laugh!
</p>
<p>
Host come from all around the world, we are so excited!
</p>
<div class="text-center">
<a class="btn bg-yellow shadow" href="https://youtu.be/1n7UnnqU5uE?t=9083" target="_blank">Check more here</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?
This is the special place to present them, make sure you keep up to date with what the #FabLabNetwork is doing.
</p>
<div class="text-center">
<a class="btn bg-yellow shadow" href="https://youtu.be/Hvtuc8yEbbQ?t=9901" target="_blank">Watch Now</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.
Its a way 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://live.fablabs.io/events" target="_blank">Check Activities</a>
</div>
</div>
<div class="fab-pane tab-pane fade" id="pills-become">
<p>
In order to create a smooth online conference, we are reached out to our community in volunteering a few hours of their time towards helping make sure this conference is a huge success. We have five
teams:
</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://fabxlive.fabevent.org/team" target="_blank">Check our staff</a>
</div>
</div>
</div>
</div>
<div class="col-12 mt-5">
<h2 class="text-yellow">JOIN OUR COLLABORATORS</h2>
<p>
Our supporters wanted to engage more with the community, that is why they programmed 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 watch of you are interested.
Check out their videos 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>
<li class="nav-item border m-1" role="presentation">
<a class="nav-link" id="tab-forestCNC" data-toggle="tab" href="#participate-4" role="tab">FORESTCNC</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' %}
{% assign forestCNC = site.data.participate_program | where: "supporter", 'forestCNC' %}
<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>
<article class="tab-pane fade" id="participate-4" role="tabpanel">
<div class="row">
{% for item in forestCNC %}
{%- 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>Don't forget to check their bios and chat with them on our platform live.fablabs.io</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, awarded the COVID-19 Innovation Award to three Fab Labs that showed strong examples of resilient initiatives undertaken during the COVID-19 crisis within the Fab Lab Network.
</p>
<p>
The three winners are:
</p>
<ol>
<li>Innovative design solutions: Maite Sosa Methol and Fab Lab Montevido, Uruguay
<li>Impactful community/regional network: Delia Millan and Fab Lab Cuenca, Spain
<li>Innovative solutions for the ‘new normal’: Mayra Ascencio and Fab Lab Peru
</ol>
<p>
The winner from each category will be awarded with 1 Full Scholarship for either of our Academany educational programs: Fab Academy and Fabricademy.
</p>
<p>
Congratulations and THANK YOU to everyone who is working so hard to support and protect their community. If you haven't already, we highly encourage you to join the <a href="https://3dexperiencelab.3ds.com/en/projects/fablab/open-covid-19/">3DEXPERIENCE Lab Open Covid-19 community platform</a> and share your COVID-19 response projects!
</p>
<div class="text-center mt-4">
<a class="btn mx-auto bg-yellow shadow px-4" href="https://www.youtube.com/watch?v=4khW0LOSZfM" target="_blank">Watch the Announcement (at 3hr10min)</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">
<h4>
FOREST CNC: Mobile Hand Washing Challenge!
</h4>
<p>
This year, we encouraged 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 winners of this challenge were: Vigyan Ashram in Pune, India, and a special Hunanitarian Award to Garage Academy at NIT, Michigan City, Indiana. Congratulations to both!
</p>
<div class="text-center">
<a class="btn mx-auto bg-yellow shadow px-4" href="https://www.youtube.com/watch?v=1n7UnnqU5uE&list=PLLgC0nB1k-MMVP9Exfbp_AA94P3LhNowe" target="_blank">Watch the Announcement (at 2hr41min)</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!
</h4>
<p>
This year, we called on YOU to create fun projects that keep us all safe and healthy (at a distance. Using your fab lab or home lab, participants had the week of FABxLive to literally ¨prototype distance¨ between people. This is a literal ¨physical¨ distancing! The winners were announced on Friday, July 31, and each will receive a BROTHER sewing machine, sponsored by Fab Foundation!
</p>
<p>
Join us in congratulating our three winners:
</p>
<ol>
<li>Philippe Libioulle, FabLab4D (traffic light head cap)
<li>Pooja Jadhav, Vigyan Ashram (coughing throat)
<li>Beth Lloyd, Newport, RI (6 foot man)
</ol>
<p>
* Grigore Lup. image source: telegraph.co.uk
</p>
<div class="text-center">
<a class="btn mx-auto bg-yellow shadow px-4" href="https://www.youtube.com/watch?v=DIzAConaJVk&list=PLLgC0nB1k-MMVP9Exfbp_AA94P3LhNowe&index=5" target="_blank">Watch the Announcement (at 1hr39min)</a>
</div>
</div>
<div class="col-lg-6 mb-4">
<img class="img-fluid" src="/uploads/shoes.png" 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>