-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
556 lines (495 loc) · 25.2 KB
/
index.html
File metadata and controls
556 lines (495 loc) · 25.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
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
<!DOCTYPE html>
<html>
<head>
<title>Roberto Giardili</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/5/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inconsolata">
<style>
body, html {
height: 100%;
font-family: "Inconsolata", sans-serif;
}
.bgimg {
background-position: center;
background-size: cover;
background-image: url("images/GHPIM1449-495x400.jpg");
min-height: 90%;
}
.menu {
display: none;
}
.gallery-img {
height: 340px;
object-fit: cover;
width: 100%;
}
.justificado p {
text-align: justify;
}
</style>
</head>
<body>
<!-- Links (sit on top) -->
<div class="w3-top">
<div class="w3-row w3-padding w3-black">
<div class="w3-col s2">
<a href="#" class="w3-button w3-block w3-black">INICIO</a>
</div>
<div class="w3-col s2">
<a href="#gallery" class="w3-button w3-block w3-black">GALLERIA</a>
</div>
<div class="w3-col s2">
<a href="#construccion" class="w3-button w3-block w3-black">CONSTRUCCION</a>
</div>
<div class="w3-col s2">
<a href="#about" class="w3-button w3-block w3-black">BIOGRAFIA</a>
</div>
<div class="w3-col s2">
<a href="#misc" class="w3-button w3-block w3-black">MISCELANEAS</a>
</div>
<div class="w3-col s2">
<a href="#where" class="w3-button w3-block w3-black">CONTACTO</a>
</div>
</div>
</div>
<!-- Header with image -->
<header class="bgimg w3-display-container w3-grayscale-min" id="home">
<div class="w3-display-middle w3-center">
<span class="w3-text-white" style="font-size:70px">ROBERTO L. GIARDILI</span><br>
<span class="w3-text-white" style="font-size:32px">Engineer and Sculptor</span><br>
<span class="w3-tag">12 ABRIL 1942 - 26 MAYO 2025</span>
</div>
<div class="w3-display-bottomright w3-center w3-padding-large">
<span class="w3-text-white">CIPOLLETTI, RIO NEGRO, ARGENTINA</span>
</div>
</header>
<!-- Add a background color and large text to the whole page -->
<div class="w3-sand w3-grayscale w3-large">
<!-- About Container -->
<div class="w3-container" id="INICIO">
<div class="w3-content justificado" style="max-width:700px">
<h5 class="w3-center w3-padding-64"><span class="w3-tag w3-wide">SOBRE ESTE SITIO WEB</span></h5>
<p>Este sitio refleja las actividades de Roberto Giardili como escultor, una vocación que desarrolló en su adultez tras una carrera como ingeniero.</p>
<p>Sus esculturas pueden encuadrarse dentro de lo que se denomina escultura matemática. Trabajó tanto con la geometría clásica (euclidiana) como con la geometría fractal, siendo esta última la base de una parte considerable de su obra.</p>
<p>Además de desarrollar herramientas computacionales propias para el diseño de sus esculturas, también construyó un conjunto de herramientas que le permitieron materializarlas. Este sitio busca preservar y compartir ese legado artístico.</p>
</div>
</div>
<!-- Gallery -->
<div class="w3-container" id="gallery">
<div class="w3-content" style="max-width:1200px">
<h5 class="w3-center w3-padding-48"><span class="w3-tag w3-wide">GALERIA</span></h5>
<!-- First Photo Grid -->
<div class="w3-row-padding">
<div class="w3-quarter w3-container w3-margin-bottom">
<img src="images/sculpture1.jpg" class="w3-hover-opacity gallery-img" alt="Obra 1" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<p><b>Primer Intento</b></p>
<p>Año: 2012</p>
<p>Dim.: 17x27x15 cm.</p>
<!--<p>Formada siguiendo cinco de las nueve aristas de dos tetraedros unidos por la base.</p>-->
</div>
</div>
<div class="w3-quarter w3-container w3-margin-bottom">
<img src="images/sculpture2.jpg" class="w3-hover-opacity gallery-img" alt="Obra 2" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<p><b>Contorneo Desnudo</b></p>
<p>Año: 2012</p>
<p>Dim.: </p>
<!--<p>Constituye el iniciador de la escultura Contorneo Triangular. Formado por dos hélice, de segmentos rectos, desfasadas 180 grados.</p> -->
</div>
</div>
<div class="w3-quarter w3-container w3-margin-bottom">
<img src="images/sculpture3.jpg" class="w3-hover-opacity gallery-img" alt="Obra 3" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<p><b>Contorneo Triangular</b></p>
<p>Año: 2012</p>
<p>Dim.: 30x30x53 cm</p>
<!--<p>Iniciador de cuatro tramos formando una hélice ascendente con punto de convergencia central. A partir del iniciador se incluye una generadora similar a la de Koch pero espacial.</p> -->
</div>
</div>
<div class="w3-quarter w3-container w3-margin-bottom">
<img src="images/sculpture4.jpg" class="w3-hover-opacity gallery-img" alt="Obra 4" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<p><b>Andanza Octaédrica</b></p>
<p>Año: 2013</p>
<p>Dim.: 60x45x60 cm</p>
<!--<p>Iniciador constituido por seis de las doce aristas de un octaedro.</p> -->
</div>
</div>
</div>
<!-- Second Photo Grid -->
<div class="w3-row-padding">
<div class="w3-quarter w3-container w3-margin-bottom">
<img src="images/sculpture5.jpg" class="w3-hover-opacity gallery-img" alt="Obra 5" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<p><b>Contraste Geométrico</b></p>
<p>Año: 2013</p>
<p>Dim.: 56x56x56 cm</p>
</div>
</div>
<div class="w3-quarter w3-container w3-margin-bottom">
<img src="images/sculpture6.jpg" class="w3-hover-opacity gallery-img" alt="Obra 6" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<p><b>Fractálamo</b></p>
<p>Año: 2013</p>
<p>Dim.: 35x35x140 cm</p>
</div>
</div>
<div class="w3-quarter w3-container w3-margin-bottom">
<img src="images/sculpture7.jpg" class="w3-hover-opacity gallery-img" alt="Obra 7" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<p><b>Tetraedro perdido</b></p>
<p>Año: 2014</p>
<p>Dim.: 40x50x40 cm</p>
</div>
</div>
<div class="w3-quarter w3-container w3-margin-bottom">
<img src="images/sculpture8.jpg" class="w3-hover-opacity gallery-img" alt="Obra 8" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<p><b>Arribo del Delivery</b></p>
<p>Año: 2014</p>
<p>Dim.: 70x82x162 cm (c/base)</p>
</div>
</div>
</div>
<!-- Third Photo Grid -->
<div class="w3-row-padding">
<div class="w3-quarter w3-container w3-margin-bottom">
<img src="images/sculpture9.jpg" class="w3-hover-opacity gallery-img" alt="Obra 9" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<p><b>Moebius Segmentado</b></p>
<p>Año: 2015</p>
<p>Dim.: 60x60x20 cm</p>
</div>
</div>
<div class="w3-quarter w3-container w3-margin-bottom">
<img src="images/sculpture10.jpg" class="w3-hover-opacity gallery-img" alt="Obra 10" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<p><b>Ciclo Hamiltoniano - Dodecaedro</b></p>
<p>Año: 2015</p>
<p>Dim.: 60x38x60 cm (c/base)</p>
</div>
</div>
<div class="w3-quarter w3-container w3-margin-bottom">
<img src="images/sculpture11.jpg" class="w3-hover-opacity gallery-img" alt="Obra 11" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<p><b>Ciclo Hamiltoniano Fragmentado– Icosaedro</b></p>
<p>Año: 2016</p>
<p>Dim.: 42x42x42 cm (s/base)</p>
</div>
</div>
<div class="w3-quarter w3-container w3-margin-bottom">
<img src="images/sculpture12.jpg" class="w3-hover-opacity gallery-img" alt="Obra 12" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<p><b>Contorsión Segmentada</b></p>
<p>Año: 2016</p>
<p>Dim.: 70x35x105 cm</p>
</div>
</div>
</div>
<!-- Fourth Photo Grid -->
<div class="w3-row-padding">
<div class="w3-quarter w3-container w3-margin-bottom">
<img src="images/sculpture13.jpg" class="w3-hover-opacity gallery-img" alt="Obra 13" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<p><b>Entrelazados</b></p>
<p>Año: 2017</p>
<p>Dim.: 33x33x33 cm</p>
</div>
</div>
<div class="w3-quarter w3-container w3-margin-bottom">
<img src="images/sculpture14.jpg" class="w3-hover-opacity gallery-img" alt="Obra 14" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<p><b>Huérfanos</b></p>
<p>Año: 2017</p>
<p>Dim.: 42x42x36 cm</p>
</div>
</div>
<div class="w3-quarter w3-container w3-margin-bottom">
<img src="images/sculpture16.jpg" class="w3-hover-opacity gallery-img" alt="Obra 15" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<p><b>Nudo segmentado</b></p>
<p>Año: 2018</p>
<p>Dim.: 118x103x68 cm</p>
</div>
</div>
<div class="w3-quarter w3-container w3-margin-bottom">
<img src="images/sculpture15.jpg" class="w3-hover-opacity gallery-img" alt="Obra 16" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<p><b>Conjunto de nudos</b></p>
<p>Año: 2019</p>
<p>Dim.: 60x80x20 cm</p>
</div>
</div>
</div>
</div>
</div>
<!-- How to (construccion) -->
<div class="w3-container" id="construccion">
<div class="w3-content justificado" style="max-width:700px">
<h5 class="w3-center w3-padding-64">
<span class="w3-tag w3-wide">DE LA IDEA A LA FORMA - GEOMETRÍA EN MOVIMIENTO</span>
</h5>
<p>Esta sección documenta el proceso de diseño y construcción de una de las esculturas segmentadas.</p>
<p>Se emplean herramientas computacionales propias y técnicas de fabricación desarrolladas por el autor.</p>
<!-- <img src="images/DHPIM1510-495x400.jpg" style="width:100%;max-width:1000px" class="w3-margin-top"> -->
<!-- Embedded YouTube video -->
<div class="w3-margin-top w3-margin-bottom">
<div class="w3-display-container" style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;">
<iframe src="https://www.youtube.com/embed/6GElBYSesvw"
frameborder="0" allowfullscreen
style="position:absolute;top:0;left:0;width:100%;height:100%;">
</iframe>
</div>
<!--
<p class="w3-center w3-small w3-padding-16">
Video explicativo sobre el ensamblaje y diseño de esta escultura, presentado por el propio autor.
</p>
-->
</div>
</div>
<!-- Wider image gallery section -->
<div class="w3-content" style="max-width:1200px">
<div class="w3-row-padding w3-margin-top">
<!-- Image 1 -->
<div class="w3-quarter w3-container w3-margin-bottom w3-display-container w3-hover-opacity">
<img src="images/segmentada/segmentada1.jpg" alt="Obra 1" style="width:100%">
<div class="w3-display-middle w3-display-hover w3-black w3-padding w3-opacity-min">
<p class="w3-text-white">Vista general accesorios para corte de segmentos (tubos) montados sobre torno inactivo.</p>
</div>
</div>
<!-- Image 2 -->
<div class="w3-quarter w3-container w3-margin-bottom w3-display-container w3-hover-opacity">
<img src="images/segmentada/segmentada2.jpg" alt="Obra 2" style="width:100%">
<div class="w3-display-middle w3-display-hover w3-black w3-padding w3-opacity-min">
<p class="w3-text-white">Cabezal limitador: tope longitudinal que permite rotación para definir ángulo entre planos de corte del segmento.</p>
</div>
</div>
<!-- Image 3 -->
<div class="w3-quarter w3-container w3-margin-bottom w3-display-container w3-hover-opacity">
<img src="images/segmentada/segmentada3.jpg" alt="Obra 2" style="width:100%">
<div class="w3-display-middle w3-display-hover w3-black w3-padding w3-opacity-min">
<p class="w3-text-white">Cabezal limitador: se desliza para definir la longitud del segmento, determinada mediante la regla visible en imagen.</p>
</div>
</div>
<!-- Image 4 -->
<div class="w3-quarter w3-container w3-margin-bottom w3-display-container w3-hover-opacity">
<img src="images/segmentada/segmentada4.jpg" alt="Obra 2" style="width:100%">
<div class="w3-display-middle w3-display-hover w3-black w3-padding w3-opacity-min">
<p class="w3-text-white">Proceso de corte de un segmento.</p>
</div>
</div>
<!-- Image 5 -->
<div class="w3-quarter w3-container w3-margin-bottom w3-display-container w3-hover-opacity">
<img src="images/segmentada/segmentada5.jpg" alt="Obra 2" style="width:100%">
<div class="w3-display-middle w3-display-hover w3-black w3-padding w3-opacity-min">
<p class="w3-text-white">Mesa de soldadura para unir cadenas de segmentos.</p>
</div>
</div>
<!-- Image 6 -->
<div class="w3-quarter w3-container w3-margin-bottom w3-display-container w3-hover-opacity">
<img src="images/segmentada/segmentada6.jpg" alt="Obra 2" style="width:100%">
<div class="w3-display-middle w3-display-hover w3-black w3-padding w3-opacity-min">
<p class="w3-text-white">Calibración cabezal de soldadura. La intersección de dos segmentos define el origen de una nueva terna de coordenadas.</p>
</div>
</div>
<!-- Image 7 -->
<div class="w3-quarter w3-container w3-margin-bottom w3-display-container w3-hover-opacity">
<img src="images/segmentada/segmentada7.jpg" alt="Obra 2" style="width:100%">
<div class="w3-display-middle w3-display-hover w3-black w3-padding w3-opacity-min">
<p class="w3-text-white">Posicionamiento de dos cadenas de segmentos para soldar: el centro de cada esfera auxiliar representa el punto virtual del extremo a alinear.</p>
</div>
</div>
<!-- Image 8 -->
<div class="w3-quarter w3-container w3-margin-bottom w3-display-container w3-hover-opacity">
<img src="images/segmentada/segmentada8.jpg" alt="Obra 2" style="width:100%">
<div class="w3-display-middle w3-display-hover w3-black w3-padding w3-opacity-min">
<p class="w3-text-white">Cadenas de segmentos listas para soldar.</p>
</div>
</div>
<!-- Image 9 -->
<div class="w3-quarter w3-container w3-margin-bottom w3-display-container w3-hover-opacity">
<img src="images/segmentada/segmentada9.jpg" alt="Obra 2" style="width:100%">
<div class="w3-display-middle w3-display-hover w3-black w3-padding w3-opacity-min">
<p class="w3-text-white">Instante de la soldadura.</p>
</div>
</div>
<!-- Image 10 -->
<div class="w3-quarter w3-container w3-margin-bottom w3-display-container w3-hover-opacity">
<img src="images/segmentada/segmentada10.jpg" alt="Obra 2" style="width:100%">
<div class="w3-display-middle w3-display-hover w3-black w3-padding w3-opacity-min">
<p class="w3-text-white">Ensamble provisorio escultura "Fractálamo"</p>
</div>
</div>
<!-- Image 11 -->
<div class="w3-quarter w3-container w3-margin-bottom w3-display-container w3-hover-opacity">
<img src="images/segmentada/segmentada11.jpg" alt="Obra 2" style="width:100%">
<div class="w3-display-middle w3-display-hover w3-black w3-padding w3-opacity-min">
<p class="w3-text-white">Base para ensamble provisorio escultura "Moebius Segmentado"</p>
</div>
</div>
<!-- Image 12 -->
<div class="w3-quarter w3-container w3-margin-bottom w3-display-container w3-hover-opacity">
<img src="images/segmentada/segmentada12.jpg" alt="Obra 2" style="width:100%">
<div class="w3-display-middle w3-display-hover w3-black w3-padding w3-opacity-min">
<p class="w3-text-white">Ensamble provisorio escultura "Moebius Segmentado"</p>
</div>
</div>
<!-- Image 13 -->
<div class="w3-quarter w3-container w3-margin-bottom w3-display-container w3-hover-opacity">
<img src="images/segmentada/segmentada13.jpg" alt="Obra 2" style="width:100%">
<div class="w3-display-middle w3-display-hover w3-black w3-padding w3-opacity-min">
<p class="w3-text-white">Ensamble provisorio escultura "Moebius Segmentado"</p>
</div>
</div>
<!-- Image 14 -->
<div class="w3-quarter w3-container w3-margin-bottom w3-display-container w3-hover-opacity">
<img src="images/segmentada/segmentada16.jpg" alt="Obra 2" style="width:100%">
<div class="w3-display-middle w3-display-hover w3-black w3-padding w3-opacity-min">
<p class="w3-text-white">Ensamble provisorio escultura "Moebius Segmentado"</p>
</div>
</div>
<!-- Image 15 -->
<div class="w3-quarter w3-container w3-margin-bottom w3-display-container w3-hover-opacity">
<img src="images/segmentada/segmentada18.jpg" alt="Obra 2" style="width:100%">
<div class="w3-display-middle w3-display-hover w3-black w3-padding w3-opacity-min">
<p class="w3-text-white">Ensamble provisorio escultura "Moebius Segmentado"</p>
</div>
</div>
<!-- Image 16 -->
<div class="w3-quarter w3-container w3-margin-bottom w3-display-container w3-hover-opacity">
<img src="images/segmentada/segmentada20.jpg" alt="Obra 2" style="width:100%">
<div class="w3-display-middle w3-display-hover w3-black w3-padding w3-opacity-min">
<p class="w3-text-white">Ensamble provisorio, desvinculado del soporte inicial, escultura "Moebius Segmentado"</p>
</div>
</div>
</div>
</div>
</div>
<!-- Biografía Container -->
<div class="w3-container" id="about">
<div class="w3-content justificado" style="max-width:700px">
<h5 class="w3-center w3-padding-48">
<span class="w3-tag w3-wide">BIOGRAFÍA</span>
</h5>
<!-- Add main bio text here -->
<p>
Roberto Luis Giardili (San Fernando, Buenos Aires, Argentina, 1942–2025) desarrolló una trayectoria profesional diversa y creativa.<br><br>
Antes de graduarse como Ingeniero en Electrónica, trabajó en el área mecánica, tanto de manera práctica como como proyectista. A lo largo de su carrera profesional, se dedicó principalmente al diseño electrónico, combinando esta labor con la docencia universitaria.<br>
Su interés por las artes lo llevó a estudiar Bellas Artes, obteniendo el título de Profesor de Escultura. Tras su jubilación, comenzó a crear esculturas inspiradas en conceptos matemáticos, combinando su formación técnica con una profunda sensibilidad artística.<br><br>
Trabajaba de manera artesanal, diseñando y construyendo personalmente los dispositivos y herramientas necesarios para dar forma a sus obras.
</p>
<!-- Educacion -->
<h6 class="w3-padding-16"><b>Educación</b></h6>
<ul class="w3-ul">
<li>Profesor de Escultura, 1998. Instituto Nacional Superior de Artes, Gral. Roca, Río Negro, Argentina (Actual IUPA)</li>
<li>Becario de Naciones Unidas, 1980. University of Wisconsin, USA . Cursos varios Electrónica</li>
<li>Ingeniero en Electrónica, 1968. Universidad Tecnológica Nacional, Buenos Airesm Argentina.</li>
</ul>
<!-- Exhibiciones individuales -->
<h6 class="w3-padding-16"><b>Exhibiciones individuales</b></h6>
<ul class="w3-ul">
<li>MMBA – Museo Municipal de Bellas Artes, Gral. Roca, Río Negro, Argentina.
<em>Muestra: “De Euclides a Mandelbrot”</em>. 18 Mayo – 29 Junio 2019.</li>
<li>Academia Nacional de Ciencias, Córdoba, Argentina.
<em>Muestra: “De Euclides a Mandelbrot”</em>. Ciclo Arte y Ciencia 2017.
17 Nov. 2017 – 5 Mar. 2018.</li>
<li>Sala Emilio Saraco, Neuquén, Argentina.
<em>Muestra: “Matesculturas”</em>. 5 – 28 Feb. 2016.</li>
</ul>
<!-- Exhibiciones Colectivas-->
<h6 class="w3-padding-16"><b>Exhibiciones colectivas</b></h6>
<ul class="w3-ul">
<li>MNBA-NQN. <em>Muestra Neuquén Contemporáneo, 3a Bienal</em>. Dic. 2017 – Feb. 2018.</li>
<li>Organización Estados Iberoamericanos. <em>Espacio Cultural Bs. As., Concurso 2017</em>. Dic. 6–22 2017.</li>
<li>2016 Bridges Conference, University of Jyväskylä, Jyväskylä, Finland. Ago. 9–13 2016.
<a href="http://gallery.bridgesmathart.org/exhibitions/2016-bridges-conference/rgiardili" target="_blank">Ver obra en la galería</a>
</li>
<li>Academia Nacional de Ciencias (Córdoba, Argentina). <em>Ciclo Arte y Ciencia</em>. 22 Abr. – 24 Jun. 2016.</li>
<li>MNBA-NQN. <em>Muestra Neuquén Contemporáneo, 2a Bienal</em>. 20 Nov. 2015 – 4 Feb. 2016.</li>
<li>2015 Bridges Conference, University of Baltimore, Maryland, EE. UU. 29 Jul. - 1 Ago. 2015.
<a href="http://gallery.bridgesmathart.org/exhibitions/2015-bridges-conference/rgiardili" target="_blank">Ver obra en la galería</a>
</li>
<li>2014 Bridges Conference, Gwacheon National Science Museum in Seoul, South Korea. Ago. 14-19 2014.
<a href="http://gallery.bridgesmathart.org/exhibitions/2014-bridges-conference/rgiardili" target="_blank">Ver obra en la galería</a>
</li>
<li>2013 Bridges Conference, Hogeschool of Saxion University, Enschede, the Netherlands. Jul. 27–31 2013.
<a href="http://gallery.bridgesmathart.org/exhibitions/2013-bridges-conference/rgiardili" target="_blank">Ver obra en la galería</a>
</li>
</ul>
<!-- Publicación de obras -->
<h6 class="w3-padding-16"><b>Publicaciones</b></h6>
<ul class="w3-ul">
<li><strong>Obra:</strong> Contorneo Triangular
<br>Journal of Mathematics and the Arts, Vol. 7, N° 3-4, Sept./Dic. 2013.
<a href="http://www.tandfonline.com/doi/pdf/10.1080/17513472.2013.869011" target="_blank">tandfonline.com</a>
</li>
<li>Anuario Eureka, N° 63, 2014, pág. 1000101</li>
<li>Mención en "The Archimedeans", Cambridge University Mathematical Society</li>
</ul>
<!-- Premios -->
<h6 class="w3-padding-16"><b>Premios</b></h6>
<ul class="w3-ul">
<li>Bridges 2013 – <strong>Award: Most Effective Use of Mathematics</strong>
<br><a href="http://gallery.bridgesmathart.org/exhibitions/2013-bridges-conference" target="_blank">gallery.bridgesmathart.org</a>
</li>
</ul>
</div>
</div>
<!-- Miscellaneous Section -->
<div class="w3-container" id="misc">
<div class="w3-content" style="max-width:700px">
<h5 class="w3-center w3-padding-64">
<span class="w3-tag w3-wide">MISCELÁNEAS</span>
</h5>
<p class="w3-center">Exposición Bridges 2013 - Creado por Simons Foundation.</p>
<!-- Embedded Video -->
<video controls style="width:100%; max-width:100%;">
<source src="https://web.archive.org/web/20220318140337oe_/http://simonsfoundation.s3.amazonaws.com/jwplayer/Bridges/BridgesBest-4_med.mp4" type="video/mp4">
</video>
</div>
</div>
<!-- Contact -->
<div class="w3-container" id="where" style="padding-bottom:32px;">
<div class="w3-content justificado" style="max-width:700px">
<h5 class="w3-center w3-padding-48"><span class="w3-tag w3-wide">CONTACTO</span></h5>
<p>Este sitio web es mantenido en memoria de Roberto Giardili por su familia. Quienes lo conocieron, trabajaron con él, o simplemente admiraron su obra, están invitados a compartir sus recuerdos, historias o palabras.</p>
<form action="https://formspree.io/f/myzwrakk" method="POST">
<p><input class="w3-input w3-padding-16 w3-border" type="text" placeholder="Name" required name="Nombre"></p>
<p><input class="w3-input w3-padding-16 w3-border" type="text" placeholder="Email" required name="Email"></p>
<p><textarea class="w3-input w3-padding-16 w3-border" name="Mensaje" rows="6" placeholder="Escribí tu mensaje aquí..." required></textarea></p>
<p><button class="w3-button w3-black" type="submit">ENVIAR MENSAJE</button></p>
</form>
</div>
</div>
<!-- End page content -->
</div>
<!-- Footer
<footer class="w3-center w3-light-grey w3-padding-48 w3-large">
<p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" title="W3.CSS" target="_blank" class="w3-hover-text-green">w3.css</a></p>
</footer> -->
<footer class="w3-center w3-light-grey w3-padding-48 w3-large">
<img src="images/logo.png" alt="Escultura de Roberto Giardili" style="width:100px; height:auto; border-radius:8px;">
<p class="w3-small">En memoria de Roberto Giardili</p>
</footer>
<script>
// Tabbed Menu
function openMenu(evt, menuName) {
var i, x, tablinks;
x = document.getElementsByClassName("menu");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < x.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" w3-dark-grey", "");
}
document.getElementById(menuName).style.display = "block";
evt.currentTarget.firstElementChild.className += " w3-dark-grey";
}
document.getElementById("myLink").click();
</script>
</body>
</html>