-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
executable file
·228 lines (196 loc) · 8.97 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
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='https://fonts.googleapis.com/css?family=Droid+Serif|Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/reset.css">
<!-- CSS reset -->
<link rel="stylesheet" href="css/style.css">
<!-- Resource style -->
<link rel="stylesheet" href="css/demo.css">
<!-- Demo style -->
<title>Techlab</title>
</head>
<body>
<header>
<div class="cd-nugget-info">
<figure class="headline__image">
<figcaption class="headline__text"></figcaption>
</figure>
</div>
<!-- cd-nugget-info -->
<!-- <h1>La timeline del Techlab</h1> -->
</header>
<section class="cd-timeline js-cd-timeline">
<div class="cd-timeline__container">
<div class="cd-timeline__block js-cd-block">
<div class="cd-timeline__img cd-timeline__img--picture js-cd-img">
<img src="img/cd-icon-picture.svg" alt="Picture">
</div>
<!-- cd-timeline__img -->
<div class="cd-timeline__content js-cd-content">
<h2>APRE IL TECHLAB</h2>
<figure class="photo">
<img src="img/n1.jpg" alt="techlab" width="100%">
</figure>
<p>Ad aprile 2013 il Sindaco Francesco Lancione inaugura e taglia il nastro… con la taglio laser. Nesce così uno dei primi dieci <a href="https://www.fablabs.io/labs/techlab" target="_blank"> makerspace d’Italia</a>.</p>
<span class="cd-timeline__date">marzo 2013</span>
</div>
<!-- cd-timeline__content -->
</div>
<!-- cd-timeline__block -->
<div class="cd-timeline__block js-cd-block">
<div class="cd-timeline__img cd-timeline__img--movie js-cd-img">
<img src="img/cd-icon-text.svg" alt="Movie">
</div>
<!-- cd-timeline__img -->
<div class="cd-timeline__content js-cd-content">
<h2>UN LABORATORIO APERTO</h2>
<figure class="photo">
<img src="img/n2.jpg" alt="techlab" width="100%">
</figure>
<p>Il primo anno, grazie ai fondi del "Piano Locale Giovani" il laboratorio si apre alla cittadinanza offrendo a tutti la possibilità di lavorare con le macchine e <b>sperimentare gratuitamente</b> con gli strumenti.</p>
<span class="cd-timeline__date">luglio 2013</span>
</div>
<!-- cd-timeline__content -->
</div>
<!-- cd-timeline__block -->
<div class="cd-timeline__block js-cd-block">
<div class="cd-timeline__img cd-timeline__img--movie js-cd-img">
<img src="img/cd-icon-text.svg" alt="Movie">
</div>
<!-- cd-timeline__img -->
<div class="cd-timeline__content js-cd-content">
<h2>ANDIAMO A ROMA!</h2>
<figure class="photo">
<img src="img/roma.jpg" alt="techlab" width="100%">
</figure>
<p>È la Prima <b>- Maker Faire Europe Edition -</b> ci invitano, noi carichiamo tutto su un camper e partiamo alla volta della <a href="http://2018.makerfairerome.eu/it/">Fiera dell'innovazione</a> più grande del 2013!</p>
<span class="cd-timeline__date">ottobre 2013</span>
</div>
<!-- cd-timeline__content -->
</div>
<!-- cd-timeline__block -->
<div class="cd-timeline__block js-cd-block">
<div class="cd-timeline__img cd-timeline__img--picture js-cd-img">
<img src="img/cd-icon-picture.svg" alt="Picture">
</div>
<!-- cd-timeline__img -->
<div class="cd-timeline__content js-cd-content">
<h2>LA PRIMA GRANDE COMMESSA</h2>
<figure class="photo">
<img src="img/n3.jpg" alt="techlab" width="100%">
</figure>
<p>Nel 2014 arrivano tante commissioni e tanti lavori esterni al Techlab. Tra questi il più stimolante e coinvolgente è stato sicuramente <a href="https://www.behance.net/gallery/17234069/THISORDINATO-Store-Interior-Design" target="_blank">THISORDINATO</a>: un negozio di street wear nato da giovani chieresi.</p>
<span class="cd-timeline__date">marzo 2014</span>
</div>
<!-- cd-timeline__content -->
</div>
<!-- cd-timeline__block -->
<div class="cd-timeline__block js-cd-block">
<div class="cd-timeline__img cd-timeline__img--location js-cd-img">
<img src="img/cd-icon-location.svg" alt="Location">
</div>
<!-- cd-timeline__img -->
<div class="cd-timeline__content js-cd-content">
<h2>NASCE L’ASSOCIAZIONE TECHLAB</h2>
<figure class="photo">
<img src="img/n4.jpg" alt="techlab" width="100%">
</figure>
<p>Dopo due anni e tante peripezie capiamo che la forma giusta per il progetto è l’associazione: scriviamo uno <a href="https://drive.google.com/open?id=0B4KNW3XBN0r0bnBSemZ6dkdZTjA" target="_blank">statuto</a> e ci costituiamo come <b>APS</b>.</p>
<span class="cd-timeline__date">gennaio 2015</span>
</div>
<!-- cd-timeline__content -->
</div>
<!-- cd-timeline__block -->
<div class="cd-timeline__block js-cd-block">
<div class="cd-timeline__img cd-timeline__img--location js-cd-img">
<img src="img/cd-icon-movie.svg" alt="Movie">
</div>
<!-- cd-timeline__img -->
<div class="cd-timeline__content js-cd-content">
<h2>LA SUMMER SCHOOL</h2>
<figure class="photo">
<img src="img/n5.jpg" alt="techlab" width="100%">
</figure>
<p>Un grande progetto del 2015, organizzato con gli amici di <a href="https://www.izmade.com" target="_blank">Izmade</a> porta 25 studenti internazionali a Chieri: in 10 giorni realizziamo un cinema all’aperto. W gli spazi pubblici.</p>
<span class="cd-timeline__date">luglio 2015</span>
</div>
<!-- cd-timeline__content -->
</div>
<!-- cd-timeline__block -->
<div class="cd-timeline__block js-cd-block">
<div class="cd-timeline__img cd-timeline__img--movie js-cd-img">
<img src="img/cd-icon-text.svg" alt="Movie">
</div>
<!-- cd-timeline__img -->
<div class="cd-timeline__content js-cd-content">
<h2>BANDO DI ASSEGNAZIONE</h2>
<figure class="photo">
<img src="img/n6.jpg" alt="techlab" width="100%">
</figure>
<p>Il laboratorio diventa la nostra sede amministrativa:<br> <b>stop all’utilizzo dei macchinari.</b> <br>Iniziamo la convivenza all’interno della sede con altre realtà differenti e il progetto Techlab perde una parte fondamentale della propria vita aggregativa.
</p>
<span class="cd-timeline__date">gennaio 2017</span>
</div>
<!-- cd-timeline__content -->
</div>
<!-- cd-timeline__block -->
<div class="cd-timeline__block js-cd-block">
<div class="cd-timeline__img cd-timeline__img--picture js-cd-img">
<img src="img/cd-icon-text.svg" alt="Movie">
</div>
<!-- cd-timeline__img -->
<div class="cd-timeline__content js-cd-content">
<h2>CONTINUANO I PROGETTI</h2>
<figure class="photo">
<img src="img/n7.jpg" alt="techlab" width="100%">
</figure>
<p>Tiriamo fuori tutte le energie che abbiamo per continuare a realizzare i progetti che si possono svolgere fuori dal laboratorio. <br>⁃ SOS Levi e Quarini 2° edizione <br>⁃ <a href="http://montilab.techlab.tl" target="_blank">MONTILAB</a> mobilità sostenibile 4° edizione <br>⁃ <a href="http://scrollordie.it" target="_blank">SCROLLORDIE</a> 1° edizione
</p>
<span class="cd-timeline__date">2016 —> 2017</span>
</div>
<!-- cd-timeline__content -->
</div>
<!-- cd-timeline__block -->
<div class="cd-timeline__block js-cd-block">
<div class="cd-timeline__img cd-timeline__img--movie js-cd-img">
<img src="img/cd-icon-movie.svg" alt="Movie">
</div>
<!-- cd-timeline__img -->
<div class="cd-timeline__content js-cd-content">
<h2>CENTRO e CONSULTA GIOVANILE</h2>
<figure class="photo">
<img src="img/n8.jpg" alt="techlab" width="100%">
</figure>
<p>Contemporaneamente vediamo nascere la <a href="https://www.facebook.com/profile.php?id=585831898293478&ref=br_rs" target="_blank">CONSULTA GIOVANILE</a> e ci impegniamo nella cordata delle associazioni a cui viene assegnato il <a href="https://areacaselli.it" target="_blank">nuovo centro giovanile</a> in Piazza Caselli!
</p>
<span class="cd-timeline__date">ottobre 2017</span>
</div>
<!-- cd-timeline__content -->
</div>
<!-- cd-timeline__block -->
<div class="cd-timeline__block js-cd-block">
<div class="cd-timeline__img cd-timeline__img--picture js-cd-img">
<img src="img/cd-icon-location.svg" alt="Location">
</div>
<!-- cd-timeline__img -->
<div class="cd-timeline__content js-cd-content">
<h2>OGGI</h2>
<figure class="photo">
<img src="img/n9.jpg" alt="techlab" width="100%">
</figure>
<p>Siamo qui ora in a discutere di come far fruttare gli ultimi 5 anni e progettare insieme un nuovo spazio in cui possano coesistere varie realtà creative e tecnologiche simili alla nostra.
Puntiamo a renderlo partecipato, aperto al pubblico e pieno di risorse. <br> Per ora è solo un concept: <b>OPIFICIO TABASSO.</b> </p>
</div>
<!-- cd-timeline__content -->
</div>
<!-- cd-timeline__block -->
</div>
</section>
<!-- cd-timeline -->
<script src="js/main.js"></script>
<!-- Resource JavaScript -->
</body>
</html>