This repository was archived by the owner on Sep 26, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 13
Expand file tree
/
Copy pathindex.html
More file actions
444 lines (420 loc) · 19.2 KB
/
Copy pathindex.html
File metadata and controls
444 lines (420 loc) · 19.2 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<meta name="theme-color" content="#1d809f">
<title>MakerSpace - Homepage</title>
<!-- Bootstrap -->
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- CSS -->
<link href="css/style.css" rel="stylesheet">
<!-- Fonts -->
<link href="node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet"
type="text/css">
<link href="node_modules/simple-line-icons/dist/styles/simple-line-icons.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Header -->
<header class="masthead d-flex">
<div class="container text-center my-auto">
<div class="header-content-inner">
<img src="img/makerspace-logo.png" alt="Logo MakerSpace"></img>
</div>
</div>
<div class="overlay"></div>
</header>
<!-- About -->
<section class="content-section bg-light" id="about">
<div class="container text-center">
<div class="row">
<div class="col-lg-10 mx-auto">
<h2>MakerSpace in Library, MakerSpace everywhere!</h2>
<p class="lead mb-5">Il progetto <b>MakerSpace in Library</b> a Fabriano è un progetto innovativo a livello
internazionale.
In America il primo MakerSpace in una biblioteca nacque nel 2011 presso la biblioteca di Fayetteville (FFL)
dello Stato di New York.
In Europa, invece, è ancora poco diffuso.
In Italia le biblioteche che offrono spazi simili, benché con caratteristiche diverse, si trovano a
Pistoia, a Cinisello Balsamo e a Settimo Torinese.
molto frequentato e liberamente accessibile nel cuore della città di Fabriano, come è la nuova Biblioteca
Multimediale Pubblica, rende possibile <b>l’incontro e
la sperimentazione di diverse realtà</b>, dalle associazioni agli studenti delle scuole di ogni ordine e
grado.
<br><br>Il MakerSpace si inserisce nel movimento culturale dei makers, degli <b>"artigiani digitali"</b>,
del software e dell'hardware libero. La creazione di uno spazio fisico,
la sperimentazione di diverse realtà</b>, dalle associazioni agli studenti delle scuole di ogni ordine e
grado.
Questa iniziativa è autogestita dagli utenti stessi, giovani e meno giovani, di qualsiasi cultura, etnia,
genere ed estrazione economica e sociale.
In maniera gratuita e volontaria, il gruppo propone, organizza e realizza le attività che si svolgono in
modo continuativo: workshop
per la realizzazione di piccoli circuiti elettrici ed elettronici, progetti di open hardware (Arduino,
Makey Makey, Raspberry Pi, Little Bits),
proposte per l’introduzione alla programmazione e alla robotica, in collaborazione con associazioni di
altre aree geografiche.
<br><br>Ad oggi tutto il materiale di cui è dotato il MakerSpace, dalle schede elettroniche, ai materiali
di consumo, ai libri di making,
è stato ottenuto tramite partecipazioni ad attività educative sponsorizzate da Google, Make e da alcune
aziende locali.
Fabriano è nella rete delle città creative dell’Unesco per l'artigianato, le arti e le tradizioni popolari
(in Italia solo Bologna,
Torino e Fabriano hanno questo riconoscimento) ed è famosa in tutto il mondo per la qualità della carta,
vantando una tradizione cartaria dal 1264.</p>
<div class="rwd-video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/playlist?list=PLGIYnKPorYPS5ZdZO0UiYm4nCF3TMwh05"
frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</section>
<!-- Services -->
<section class="content-section bg-primary text-white text-center" id="services">
<div class="container">
<div class="content-section-heading">
<h3 class="text-secondary mb-0">Una bellissima storia</h3>
<h2 class="mb-5">Un apprendimento continuo e creativo</h2>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 mb-5 mb-md-0">
<span class="service-icon rounded-circle mx-auto mb-3">
<i class="icon-compass"></i>
</span>
<h4>
<strong>Projects</strong>
</h4>
<p class="text-faded mb-0">Generiamo nuove idee, progettiamo prototipi e inventiamo cose!</p>
</div>
<div class="col-lg-3 col-md-6 mb-5 mb-lg-0">
<span class="service-icon rounded-circle mx-auto mb-3">
<i class="icon-globe"></i>
</span>
<h4>
<strong>Peers</strong>
</h4>
<p class="text-faded mb-0">Condividiamo le idee e collaboriamo ai progetti per una community aperta!</p>
</div>
<div class="col-lg-3 col-md-6 mb-5 mb-lg-0">
<span class="service-icon rounded-circle mx-auto mb-3">
<i class="icon-heart"></i>
</span>
<h4>
<strong>Passion</strong>
</h4>
<p class="text-faded mb-0">Cambiamo il mondo con la passione per le nostre idee!</p>
</div>
<div class="col-lg-3 col-md-6 mb-5 mb-lg-0">
<span class="service-icon rounded-circle mx-auto mb-3">
<i class="icon-rocket"></i>
</span>
<h4>
<strong>Play</strong>
</h4>
<p class="text-faded mb-0">Sperimentiamo vecchie e nuove tecnologie!</p>
</div>
</div>
</div>
</section>
<section class="content-section text-center" id="timeline">
<div class="container">
<div class="content-section-heading">
<div class="content-section-heading">
<h3 class="text-secondary mb-0">L'esperienze hanno il loro valore!</h3>
<h2 class="mb-5">Un percorso in continua evoluzione</h2>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<ul class="timeline">
<li>
<div class="timeline-image">
<img class="rounded-circle img-fluid" src="img/timeline/1.jpg" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>Settembre 2014</h4>
<h4 class="subheading">L'inzio di tutto</h4>
</div>
<div class="timeline-body">
<p class="text-muted">Il MakerSpace nasce nel 2014 quando insieme alla Biblioteca Multimediale di
Fabriano, Beatrice Rapaccini
e Luca Ferroni forgiano questo gruppo basato sulle varie attività makers grazie anche
all'indispensabile
aiuto del PDP</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<img class="rounded-circle img-fluid" src="img/timeline/2.jpg" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>Ottobre 2014</h4>
<h4 class="subheading">La prima partecipazione alla Maker Faire</h4>
</div>
<div class="timeline-body">
<p class="text-muted">Evento nella quale abbiamo presentato il progetto “MakerSpace in Libraries”,
mostrando come sia possibile
attuare attività semplici e complesse nelle biblioteche pubbliche. In particolare, abbiamo
presentato
alcuni progetti nati all’interno delle attività del MakerSpace</p>
</div>
</div>
</li>
<li>
<div class="timeline-image">
<img class="rounded-circle img-fluid" src="img/timeline/3.jpg" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>Marzo 2015</h4>
<h4 class="subheading">Family Creative Learning</h4>
</div>
<div class="timeline-body">
<p class="text-muted">In collaborazione con il Centro per le Famiglie si sono realizzati degli
incontri per famiglie, dove i
bambini e i propri genitori sono stati coinvolti ad apprendere attraverso un uso creativo delle
tecnologie.
Il laboratorio intendeva supportare quelle famiglie che avevano un accesso limitato alle
tecnologie,
sia dal punto di vista sociale che economico</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<img class="rounded-circle img-fluid" src="img/timeline/4.jpg" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>Maggio 2015</h4>
<h4 class="subheading">Scratch Day</h4>
</div>
<div class="timeline-body">
<p class="text-muted">Nella Biblioteca Pubblica si è festeggiato lo Scratch Day 2015, una rete
globale di eventi per celebrare
Scratch. Scratch è uno strumento, una piattaforma di apprendimento, una comunità, che permette di
avvicinarsi
alla programmazione in modo divertente e creativo. Abbiamo iniziato sperimentando Scratch,
installato
nei computer della Biblioteca, insieme a giovani e meno giovani, e successivamente l’Istituto
Tecnico
Merloni ha organizzato una gara di robotica “TakingBall” con i LEGO Mindstorms NXT e infine,
abbiamo
terminato con una jam session suonando Makey Makey e SynergicNoise</p>
</div>
</div>
</li>
<li>
<div class="timeline-image">
<img class="rounded-circle img-fluid" src="img/timeline/5.jpg" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>Ottobre 2016</h4>
<h4 class="subheading">Maker Faire ci risiamo!</h4>
</div>
<div class="timeline-body">
<p class="text-muted">HoloScratch è stato il progetto con cui ci siamo presentati durante la Maker
Faire 2016. Quest'ultimo è
stato un progetto che mostrava come creare videogiochi con ologrammi sfruttando, in vari modi, una
tecnica
illusoria chiamata "Pepper's Ghost". Con Scratch, un linguaggio di programmazione visuale, è
possibile
creare animazioni e videogiochi in modo semplice e divertente e in questo progetto abbiamo visto
come
utilizzarlo per far apparire dei piccoli "fantasmi" in 3D</p>
</div>
</div>
</li>
<li>
<div class="timeline-image">
<img class="rounded-circle img-fluid" src="img/timeline/6.jpg" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>Ottobre 2016</h4>
<h4 class="subheading">Linux Day</h4>
</div>
<div class="timeline-body">
<p class="text-muted">In collaborazione con il gruppo del PDP, il MakerSpace ha organizzato il Linux
Day 2016 nella cittadina
di Fabriano, evento nel quale l'argomento più discusso è stato proprio il coding, attività di cui
il
nostro gruppo aveva fatto la sua caratteristica più importante. I vari talk che hanno scandito
l'intera
giornata sono stati fondamentali poi per le nostre esperienze successive</p>
</div>
</div>
</li>
<li>
<div class="timeline-image">
<img class="rounded-circle img-fluid" src="img/timeline/7.jpg" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>Marzo 2017</h4>
<h4 class="subheading">Uncinetto Type-D</h4>
</div>
<div class="timeline-body">
<p class="text-muted">In occasione della settimana del Rosadigitale vi abbiamo mostrato come la
storia della programmazione sia
partita dalla tessitura. Jaquard, difatti, inventò le schede metalliche perforate per il telaio che
successivamente
furono adottate nella programmazione dei computer. Mamme e nonne hanno insegnato al gruppo del
Maker
Space le basi del cucito, del ricamo, dell'uncinetto e a fare a maglia, fino ad incontrare una
innovativa
macchina ricamatrice</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<h4>Be Part
<br>Of Our
<br>Story!</h4>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
</section>
<section class="content-section-special-team text-center text-white" id="team">
<div class="container">
<div class="content-section-heading">
<div class="content-section-heading">
<h3 class="text-secondary mb-0">Il nostro team!</h3>
<h2 class="mb-5">Il MakerSpace, più di un semplice gruppo!</h2>
</div>
</div>
<div class="row" id="team-container"></div>
</div>
</section>
<!-- Portfolio -->
<section class="content-section-special-withoutTop" id="portfolio">
<div class="container">
<div class="content-section-heading text-center">
<h3 class="text-secondary mb-0">La nostra vetrina</h3>
<h2 class="mb-5">Scopri i nostri progetti più recenti!</h2>
</div>
<div class="row no-gutters">
<div class="col-lg-6">
<a class="portfolio-item" href="https://pdpfsug.github.io/UncinettoTypeD-Homepage/">
<span class="caption">
<span class="caption-content">
<h2>Uncinetto Type-D</h2>
<p class="mb-0">Nella settimana della Rosa Digitale abbiamo unito il cucito alla tecnologia!</p>
</span>
</span>
<img class="img-fluid" src="img/portfolio-1.jpg">
</a>
</div>
<div class="col-lg-6">
<a class="portfolio-item">
<span class="caption">
<span class="caption-content">
<h2>Bot Telegram</h2>
<p class="mb-0">Produzione di Bot Telegram a cura del gruppo, con tanta passione!</p>
</span>
</span>
<img class="img-fluid" src="img/portfolio-2.jpg">
</a>
</div>
<div class="col-lg-6">
<a class="portfolio-item">
<span class="caption">
<span class="caption-content">
<h2>Scratch Day</h2>
<p class="mb-0">Partecipazioni costanti a uno degli eventi più "carini" dell'anno!</p>
</span>
</span>
<img class="img-fluid" src="img/portfolio-3.jpg">
</a>
</div>
<div class="col-lg-6">
<a class="portfolio-item">
<span class="caption">
<span class="caption-content">
<h2>Linux Day</h2>
<p class="mb-0">I classici appuntamenti annuali con il pinguino che tanto amiamo e veneriamo.</p>
</span>
</span>
<img class="img-fluid" src="img/portfolio-4.jpg">
</a>
</div>
</div>
</div>
</section>
<!-- Map -->
<section id="contact" class="map">
<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d23216.103427279708!2d12.909019595991522!3d43.33491852906273!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x132dc98f68bd10e5%3A0xcc98cdb734f6b320!2sBiblioteca+Multimediale+Romualdo+Sassi!5e0!3m2!1sit!2sit!4v1525118192113">
</iframe>
</section>
<!-- Footer -->
<footer class="footer text-center">
<div class="container">
<ul class="list-inline mb-5">
<li class="list-inline-item">
<a class="social-link rounded-circle text-white mr-3" href="https://www.facebook.com/bpf.fabriano/">
<i class="icon-social-facebook"></i>
</a>
</li>
<li class="list-inline-item">
<a class="social-link rounded-circle text-white mr-3" href="https://twitter.com/bibliofabriano">
<i class="icon-social-twitter"></i>
</a>
</li>
<li class="list-inline-item">
<a class="social-link rounded-circle text-white" href="https://github.com/pdpfsug/">
<i class="icon-social-github"></i>
</a>
</li>
</ul>
<p class="text-muted small mb-0">Copyright © MakerSpace 2022</p>
</div>
</footer>
<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded js-scroll-trigger" href="#page-top">
<i class="fa fa-angle-up"></i>
</a>
<!--Template for team components-->
<script id="person-template" type="text/x-custom-template">
<div class="col-lg-4">
<div class="team-member">
<img class="mx-auto rounded-circle" src="{img}">
<h4>{name}</h4>
<h3 class="text-secondary mb-0">{role}</h3>
<p class="text-faded mb-0">{bio}</p>
<ul class="list-inline social-buttons">
{social-items}
</ul>
</div>
</div>
</script>
<script id="social-template" type="text/html">
<li class="list-inline-item">
<a href="{url}" target="_blank">
<i class="fa fa-{social}"></i>
</a>
</li>
</script>
<!-- Bootstrap core JavaScript -->
<script src="node_modules/jquery/dist/jquery.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<!-- Jquery easing -->
<script src="node_modules/jquery-easing/dist/jquery.easing.1.3.umd.js"></script>
<!-- Custom scripts for this template -->
<script src="js/script.js"></script>
<script src="js/team.js"></script>
</body>
</html>