From 055d251162618908a4c42526be1a1091cb7cb33c Mon Sep 17 00:00:00 2001
From: fenicento <stonecoldcrazy@gmail.com>
Date: Fri, 28 Sep 2012 22:37:32 +0200
Subject: [PATCH] update

---
 m/contatti.htm            |   8 +-
 m/progetti.htm            |  16 ++--
 m/progetti/casa.htm       |  14 ++++
 m/progetti/corpuscoli.htm | 165 ++++++++++++++++++++++++++++++++++++++
 m/progetti/cuprum.htm     | 164 +++++++++++++++++++++++++++++++++++++
 m/progetti/loopshirt.htm  | 164 +++++++++++++++++++++++++++++++++++++
 m/progetti/stormglove.htm | 157 ++++++++++++++++++++++++++++++++++++
 7 files changed, 676 insertions(+), 12 deletions(-)
 create mode 100644 m/progetti/corpuscoli.htm
 create mode 100644 m/progetti/cuprum.htm
 create mode 100644 m/progetti/loopshirt.htm
 create mode 100644 m/progetti/stormglove.htm

diff --git a/m/contatti.htm b/m/contatti.htm
index 9c4fcc0..f3673be 100644
--- a/m/contatti.htm
+++ b/m/contatti.htm
@@ -66,16 +66,16 @@
  <section>
   <h3>Contatti</h3>
   <div class="address">
- <p>La nostra sede si trova presso l'<a href="http://www.milanomet.it/"><b>HUB MILANO METROPOLI</b></a></p>
+ <p>La nostra sede si trova presso l'<a href="http://www.milanomet.it/"><b>HUB MILANO METROPOLI</b></a></p><br/>
 </div>
 
  <div class="tablink" id="menu1">
     <div class="taballtext" id="mapButton">
      <div class="tabtitle">Indirizzo</div>
-     <div class="tabsubtitle">via Venezia 23<br/> 20099 Sesto San Giovanni (MI)</div>
+     <div class="tabsubtitle"><a href="#">via Venezia 23<br/> 20099 Sesto San Giovanni (MI)</a></div>
     </div>
     
-<div id="mapviewer" style="display:none"><iframe style="max-width:100%;" id="map" Name="mapFrame" scrolling="no" width="500" height="200" frameborder="0" src="http://it.bing.com/maps/embed/?lvl=16&amp;cp=45.529120~9.226824&amp;sty=r&amp;draggable=true&amp;v=2&amp;dir=0&amp;where1=Via+Venezia+23%2C+20099+Sesto+San+Giovanni+MI&amp;form=LMLTEW&amp;pp=45.52911944~9.226824&amp;mkt=it-it&amp;emid=ca59c060-3281-984d-4d99-5f3c971ed289&amp;w=500&amp;h=400"></iframe>
+<div id="mapviewer" style="display:none"><iframe width="500" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.it/maps?f=q&amp;source=s_q&amp;hl=it&amp;geocode=&amp;q=milanomet&amp;aq=&amp;sll=45.657417,9.962783&amp;sspn=2.127093,3.279419&amp;t=m&amp;ie=UTF8&amp;hq=milanomet&amp;hnear=&amp;cid=5411198103414574508&amp;ll=45.530764,9.227743&amp;spn=0.012025,0.04283&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe>
 </div>
     
     
@@ -85,7 +85,7 @@ <h3>Contatti</h3>
  <div class="tablink" id="menu1">
     <div class="taballtext">
      <div class="tabtitle">Email</div>
-     <div class="tabsubtitle">geppettolab@gmail.com</div>
+     <div class="tabsubtitle"><a href="mailto:geppettolab@gmail.com">geppettolab@gmail.com</a></div>
     </div>
 
    </div>
diff --git a/m/progetti.htm b/m/progetti.htm
index 81e92b8..31acde8 100644
--- a/m/progetti.htm
+++ b/m/progetti.htm
@@ -92,22 +92,22 @@ <h3>Progetti</h3>
      alt="Laboratorio Creativo Geppetto" src="img/casa2.jpg" /> 
      <h4>La casa su Marte</h4>
      <em>Installazione immersiva, architettura ambientale</em></li></a>
-    <li class="vaschetta_item"><img height="800px" width="1024px"
+      <a href="progetti/cuprum.htm"><li class="vaschetta_item"><img height="800px" width="1024px"
      alt="Laboratorio Creativo Geppetto" src="img/cuprum1.jpg" /> 
      <h4>Cuprum</h4>
-     <em>Installazione sonora</em></li>
-    <li class="vaschetta_item"><img height="800px" width="1024px"
+     <em>Installazione sonora</em></li></a>
+    <a href="progetti/loopshirt.htm"><li class="vaschetta_item"><img height="800px" width="1024px"
      alt="Laboratorio Creativo Geppetto" src="img/loop3.jpg" /> 
      <h4>Loopshirt</h4>
-     <em>Maglia interattiva per live performance</em></li>
-    <li class="vaschetta_item"><img height="800px" width="1024px"
+     <em>Maglia interattiva per live performance</em></li></a>
+    <a href="progetti/corpuscoli.htm"><li class="vaschetta_item"><img height="800px" width="1024px"
      alt="Laboratorio Creativo Geppetto" src="img/corpuscoli1.jpg" />
      <h4>Imaginary Corpuscoli</h4>
-     <em>Installazione interattiva tattile</em></li>
-    <li class="vaschetta_item"><img height="800px" width="1024px"
+     <em>Installazione interattiva tattile</em></li></a>
+    <a href="progetti/stormglove.htm"><li class="vaschetta_item"><img height="800px" width="1024px"
      alt="Laboratorio Creativo Geppetto" src="img/stormglove2.jpg" />
      <h4>Stormglove</h4>
-     <em>Guanto interattivo per live performance</em></li></li>
+     <em>Guanto interattivo per live performance</em></li></li></a>
  
   </ul>
  
diff --git a/m/progetti/casa.htm b/m/progetti/casa.htm
index 018ed8d..589be3a 100644
--- a/m/progetti/casa.htm
+++ b/m/progetti/casa.htm
@@ -130,6 +130,20 @@ <h3>La casa su Marte</h3>
      </article>
  
  </section>
+ 
+  <a href="#logo-lateral">
+  <div class="tablink" id="menu1">
+   <div class="tabtext">
+    <div class="tabstring">Torna in cima</div>
+
+   </div>
+
+   <div class="tabimg">
+    <img src="../img/upIco.png" / alt="lab">
+   </div>
+
+  </div>
+ </a>
 
  
  <footer>
diff --git a/m/progetti/corpuscoli.htm b/m/progetti/corpuscoli.htm
new file mode 100644
index 0000000..e58cd8d
--- /dev/null
+++ b/m/progetti/corpuscoli.htm
@@ -0,0 +1,165 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8" />
+<title>Laboratorio Creativo Geppetto</title>
+<link href="../style.css" media="all" rel="stylesheet">
+<meta name="viewport" content="width=device-width" />
+<script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script>
+
+<script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push([ '_setAccount', 'UA-35058718-1' ]);
+ _gaq.push([ '_setDomainName', 'geppettolab.it' ]);
+ _gaq.push([ '_trackPageview' ]);
+
+ (function() {
+  var ga = document.createElement('script');
+  ga.type = 'text/javascript';
+  ga.async = true;
+  ga.src = ('https:' == document.location.protocol ? 'https://ssl'
+    : 'http://www')
+    + '.google-analytics.com/ga.js';
+  var s = document.getElementsByTagName('script')[0];
+  s.parentNode.insertBefore(ga, s);
+ })();
+</script>
+<script type="application/javascript" src="../js/iscroll.js"></script>
+<script type="text/javascript" src="../js/vaschetta.js"></script>
+<script type="text/javascript">
+ function loaded() {
+  var vaschetta_main_container = document
+    .getElementsByClassName("vaschetta_wrapper")[0];
+  if (vaschetta_main_container) {
+   initVaschetta();
+  }
+ }
+ window.addEventListener('load', loaded, false);
+</script>
+</head>
+
+<body>
+ <header>
+  <nav id="slideMenu">
+   <div class="menu-el">
+    <div class="menu-im">
+     <a href="../laboratorio.htm"><img src="../img/labIco.jpg" / alt="lab"></a>
+    </div>
+    <div class="menu-txt">Il Laboratorio</div>
+   </div>
+
+   <div class="menu-el">
+    <div class="menu-im">
+     <a href="../progetti.htm"><img src="../img/proIco.png" / alt="lab"></a>
+    </div>
+    <div class="menu-txt">Progetti</div>
+   </div>
+
+   <div class="menu-el">
+    <div class="menu-im">
+     <a href="../geppetti.htm"><img src="../img/gepIco.png" / alt="lab"></a>
+    </div>
+    <div class="menu-txt">I Geppetti</div>
+   </div>
+
+   <div class="menu-el">
+    <div class="menu-im">
+     <a href="../contatti.htm"><img src="../img/conIco.png" / alt="lab"></a>
+    </div>
+    <div class="menu-txt">Contatti</div>
+   </div>
+  </nav>
+  <img id="logo-lateral" alt="Laboratorio Creativo Geppetto"
+   src="../img/logo-small.png" /> <a class="menuButton" id="menuButton"
+   href="#"> <img alt="Laboratorio Creativo Geppetto"
+   src="../img/menu-off.png" /></a>
+
+ </header>
+ <nav class="breadcrumb">
+  <a href="../index.htm">HOME</a> > <a href="../progetti.htm">PROGETTI</a> > IMAGINARY CORPUSCOLI
+ </nav>
+ 
+ <section>
+  <h3>Imaginary Corpuscoli</h3>
+  
+ <div class="vaschetta_wrapper">
+  
+  <div class="scroller-wrapper">
+  
+   <ul id="thelist" class="scroller-content"> 
+ 
+    <li class="vaschetta_item"><img height="800px" width="1024px"
+     alt="Laboratorio Creativo Geppetto" src="corpuscoli/corpuscoli1.jpg" /> 
+  
+    <li class="vaschetta_item"><img height="800px" width="1024px"
+     alt="Laboratorio Creativo Geppetto" src="corpuscoli/corpuscoli2.jpg" /> 
+     
+    <li class="vaschetta_item"><img height="800px" width="1024px"
+     alt="Laboratorio Creativo Geppetto" src="corpuscoli/corpuscoli3.jpg" /> 
+ 
+  </ul>
+ 
+ 
+</div>
+ 
+ </div>
+ <div class="galnav">
+  <div id="prev" class="vaschetta_freccia_sx">
+  <img alt="prev" src="../img/arrowL.png" /></div>
+
+  <div id="next" class="vaschetta_freccia_dx">
+  <img alt="next" src="../img/arrowR.png" />
+  </div>
+</div>
+
+ <article class="article-left-scroll">
+      
+     <p><b>Artista: </b><a href="http://eyeflux.wordpress.com/">Virginia Carlocchia</a> </p>
+     <p><b>Descrizione: </b>“Imaginary Corpuscoli” è un’installazione interattiva ideata da Virginia Carlocchia costituita da due strutture poste in luoghi diversi e collegate tra loro dalla rete internet. Ogni postazione è un dispositivo in grado di trasmettere e ricevere impulsi tattili, di modo che gli utenti potranno entrare in comunicazione tra loro introducendo l’elemento innovativo dell’interazione tangibile nella comunicazione a distanza.</p>
+
+<p>La mostra offre un’amplificazione dell’empatia che spesso le persone provano attraverso lo schermo, dove la realtà inganna il virtuale servendosene.</p>
+
+<p>Per la realizzazione tecnica sono stati utilizzati due Arduino Mega, ognuno dedito al controllo di 2 sensori di pressione e 2 motori servo, connessi tramite protocollo OSC.</p>
+<p>L'opera è stata esposta presso lo <a href="http://www.fondazionedars.it"><b>Studio D’Ars</b></a> dal 20 al 26 Settembre 2011    
+     </article> 
+ </section>
+ 
+  <a href="#logo-lateral">
+  <div class="tablink" id="menu1">
+   <div class="tabtext">
+    <div class="tabstring">Torna in cima</div>
+
+   </div>
+
+   <div class="tabimg">
+    <img src="../img/upIco.png" / alt="lab">
+   </div>
+
+  </div>
+ </a>
+
+ 
+ <footer>
+  <div class="footer-text">&copy; 2012 Laboratorio Creativo
+   Geppetto</div>
+  <div class="footer-link">
+   <a href="http://www.geppettolab.it?m=true">Vai alla versione
+    classica</a>
+  </div>
+
+ </footer>
+ <script type="text/javascript">
+  $('#menuButton').click(function() {
+   $('#slideMenu').slideToggle('slow', function() {
+    // Animation complete.
+   });
+  });
+
+  $('#mapButton').click(function() {
+   $('#mapviewer').slideToggle('slow', function() {
+    // Animation complete.
+   });
+  });
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/m/progetti/cuprum.htm b/m/progetti/cuprum.htm
new file mode 100644
index 0000000..73ed6e4
--- /dev/null
+++ b/m/progetti/cuprum.htm
@@ -0,0 +1,164 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8" />
+<title>Laboratorio Creativo Geppetto</title>
+<link href="../style.css" media="all" rel="stylesheet">
+<meta name="viewport" content="width=device-width" />
+<script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script>
+
+<script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push([ '_setAccount', 'UA-35058718-1' ]);
+ _gaq.push([ '_setDomainName', 'geppettolab.it' ]);
+ _gaq.push([ '_trackPageview' ]);
+
+ (function() {
+  var ga = document.createElement('script');
+  ga.type = 'text/javascript';
+  ga.async = true;
+  ga.src = ('https:' == document.location.protocol ? 'https://ssl'
+    : 'http://www')
+    + '.google-analytics.com/ga.js';
+  var s = document.getElementsByTagName('script')[0];
+  s.parentNode.insertBefore(ga, s);
+ })();
+</script>
+<script type="application/javascript" src="../js/iscroll.js"></script>
+<script type="text/javascript" src="../js/vaschetta.js"></script>
+<script type="text/javascript">
+ function loaded() {
+  var vaschetta_main_container = document
+    .getElementsByClassName("vaschetta_wrapper")[0];
+  if (vaschetta_main_container) {
+   initVaschetta();
+  }
+ }
+ window.addEventListener('load', loaded, false);
+</script>
+</head>
+
+<body>
+ <header>
+  <nav id="slideMenu">
+   <div class="menu-el">
+    <div class="menu-im">
+     <a href="../laboratorio.htm"><img src="../img/labIco.jpg" / alt="lab"></a>
+    </div>
+    <div class="menu-txt">Il Laboratorio</div>
+   </div>
+
+   <div class="menu-el">
+    <div class="menu-im">
+     <a href="../progetti.htm"><img src="../img/proIco.png" / alt="lab"></a>
+    </div>
+    <div class="menu-txt">Progetti</div>
+   </div>
+
+   <div class="menu-el">
+    <div class="menu-im">
+     <a href="../geppetti.htm"><img src="../img/gepIco.png" / alt="lab"></a>
+    </div>
+    <div class="menu-txt">I Geppetti</div>
+   </div>
+
+   <div class="menu-el">
+    <div class="menu-im">
+     <a href="../contatti.htm"><img src="../img/conIco.png" / alt="lab"></a>
+    </div>
+    <div class="menu-txt">Contatti</div>
+   </div>
+  </nav>
+  <img id="logo-lateral" alt="Laboratorio Creativo Geppetto"
+   src="../img/logo-small.png" /> <a class="menuButton" id="menuButton"
+   href="#"> <img alt="Laboratorio Creativo Geppetto"
+   src="../img/menu-off.png" /></a>
+
+ </header>
+ <nav class="breadcrumb">
+  <a href="../index.htm">HOME</a> > <a href="../progetti.htm">PROGETTI</a> > CUPRUM
+ </nav>
+ 
+ <section>
+  <h3>Cuprum</h3>
+  
+ <div class="vaschetta_wrapper">
+  
+  <div class="scroller-wrapper">
+  
+   <ul id="thelist" class="scroller-content"> 
+ 
+    <li class="vaschetta_item"><img height="800px" width="1024px"
+     alt="Laboratorio Creativo Geppetto" src="cuprum/cuprum1.jpg" /> 
+  
+    <li class="vaschetta_item"><img height="800px" width="1024px"
+     alt="Laboratorio Creativo Geppetto" src="cuprum/cuprum2.jpg" /> 
+     
+    <li class="vaschetta_item"><img height="800px" width="1024px"
+     alt="Laboratorio Creativo Geppetto" src="cuprum/cuprum3.jpg" /> 
+ 
+  </ul>
+ 
+ 
+</div>
+ 
+ </div>
+ <div class="galnav">
+  <div id="prev" class="vaschetta_freccia_sx">
+  <img alt="prev" src="../img/arrowL.png" /></div>
+
+  <div id="next" class="vaschetta_freccia_dx">
+  <img alt="next" src="../img/arrowR.png" />
+  </div>
+</div>
+
+
+ <article class="article-left-scroll">
+     <p><b>Artista: </b><a href="http://www.danieladimaro.it/">Daniela Di Maro</a></p> 
+     <p><b>Descrizione: </b>"Cuprum" è un’installazione interattiva di Daniela Di Maro frutto della ricerca sulle relazioni che intercorrono tra i processi vitali, propri dei sistemi naturali, e le opportunità intrinseche al progresso tecnologico. Le sue sperimentazioni, infatti, conducono alla forte connessione tra le dinamiche della natura e le potenzialità dovute alle tecnologie nate nell’ultimo secolo.</p>
+
+<p>Cuprum, nome scientifico del rame, non è semplicemente la rivelazione del metallo costituente l’opera, ma è l’espressione della sintesi del rapporto tra natura e tecnica; ottimo conduttore di elettricità e termico, il rame diviene il mezzo per dar vita a un circuito elettronico alimentato dalla luce e modulato dalla presenza del pubblico. L’installazione si completa con una serie di forme vegetali, ricamate dall’artista con il filo metallico, selezionate in virtù della loro duplice funzione medicamentosa/velenosa, che si animano grazie a “presenze” sonore generate dall’energia catturata dalla luce naturale.</p>
+
+<p>L’installazione è stata esposta in mostra dal 9/3/2012 al 12/4/2012  presso la <a href="http://www.dinomorraartecontemporanea.eu"><b>Galleria Dino Morra Arte Contemporanea</b></a> di Napoli.</p>
+     </article>
+ 
+ </section>
+
+ <a href="#logo-lateral">
+  <div class="tablink" id="menu1">
+   <div class="tabtext">
+    <div class="tabstring">Torna in cima</div>
+
+   </div>
+
+   <div class="tabimg">
+    <img src="../img/upIco.png" / alt="lab">
+   </div>
+
+  </div>
+ </a>
+ 
+ <footer>
+  <div class="footer-text">&copy; 2012 Laboratorio Creativo
+   Geppetto</div>
+  <div class="footer-link">
+   <a href="http://www.geppettolab.it?m=true">Vai alla versione
+    classica</a>
+  </div>
+
+ </footer>
+ <script type="text/javascript">
+  $('#menuButton').click(function() {
+   $('#slideMenu').slideToggle('slow', function() {
+    // Animation complete.
+   });
+  });
+
+  $('#mapButton').click(function() {
+   $('#mapviewer').slideToggle('slow', function() {
+    // Animation complete.
+   });
+  });
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/m/progetti/loopshirt.htm b/m/progetti/loopshirt.htm
new file mode 100644
index 0000000..49c1958
--- /dev/null
+++ b/m/progetti/loopshirt.htm
@@ -0,0 +1,164 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8" />
+<title>Laboratorio Creativo Geppetto</title>
+<link href="../style.css" media="all" rel="stylesheet">
+<meta name="viewport" content="width=device-width" />
+<script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script>
+
+<script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push([ '_setAccount', 'UA-35058718-1' ]);
+ _gaq.push([ '_setDomainName', 'geppettolab.it' ]);
+ _gaq.push([ '_trackPageview' ]);
+
+ (function() {
+  var ga = document.createElement('script');
+  ga.type = 'text/javascript';
+  ga.async = true;
+  ga.src = ('https:' == document.location.protocol ? 'https://ssl'
+    : 'http://www')
+    + '.google-analytics.com/ga.js';
+  var s = document.getElementsByTagName('script')[0];
+  s.parentNode.insertBefore(ga, s);
+ })();
+</script>
+<script type="application/javascript" src="../js/iscroll.js"></script>
+<script type="text/javascript" src="../js/vaschetta.js"></script>
+<script type="text/javascript">
+ function loaded() {
+  var vaschetta_main_container = document
+    .getElementsByClassName("vaschetta_wrapper")[0];
+  if (vaschetta_main_container) {
+   initVaschetta();
+  }
+ }
+ window.addEventListener('load', loaded, false);
+</script>
+</head>
+
+<body>
+ <header>
+  <nav id="slideMenu">
+   <div class="menu-el">
+    <div class="menu-im">
+     <a href="../laboratorio.htm"><img src="../img/labIco.jpg" / alt="lab"></a>
+    </div>
+    <div class="menu-txt">Il Laboratorio</div>
+   </div>
+
+   <div class="menu-el">
+    <div class="menu-im">
+     <a href="../progetti.htm"><img src="../img/proIco.png" / alt="lab"></a>
+    </div>
+    <div class="menu-txt">Progetti</div>
+   </div>
+
+   <div class="menu-el">
+    <div class="menu-im">
+     <a href="../geppetti.htm"><img src="../img/gepIco.png" / alt="lab"></a>
+    </div>
+    <div class="menu-txt">I Geppetti</div>
+   </div>
+
+   <div class="menu-el">
+    <div class="menu-im">
+     <a href="../contatti.htm"><img src="../img/conIco.png" / alt="lab"></a>
+    </div>
+    <div class="menu-txt">Contatti</div>
+   </div>
+  </nav>
+  <img id="logo-lateral" alt="Laboratorio Creativo Geppetto"
+   src="../img/logo-small.png" /> <a class="menuButton" id="menuButton"
+   href="#"> <img alt="Laboratorio Creativo Geppetto"
+   src="../img/menu-off.png" /></a>
+
+ </header>
+ <nav class="breadcrumb">
+  <a href="../index.htm">HOME</a> > <a href="../progetti.htm">PROGETTI</a> > LOOPSHIRT
+ </nav>
+ 
+ <section>
+  <h3>Loopshirt</h3>
+  
+ <div class="vaschetta_wrapper">
+  
+  <div class="scroller-wrapper">
+  
+   <ul id="thelist" class="scroller-content"> 
+ 
+    <li class="vaschetta_item"><img height="800px" width="1024px"
+     alt="Laboratorio Creativo Geppetto" src="loopshirt/loop1.jpg" /> 
+  
+    <li class="vaschetta_item"><img height="800px" width="1024px"
+     alt="Laboratorio Creativo Geppetto" src="loopshirt/loop2.jpg" /> 
+     
+    <li class="vaschetta_item"><img height="800px" width="1024px"
+     alt="Laboratorio Creativo Geppetto" src="loopshirt/loop3.jpg" /> 
+ 
+  </ul>
+ 
+ 
+</div>
+ 
+ </div>
+ <div class="galnav">
+  <div id="prev" class="vaschetta_freccia_sx">
+  <img alt="prev" src="../img/arrowL.png" /></div>
+
+  <div id="next" class="vaschetta_freccia_dx">
+  <img alt="next" src="../img/arrowR.png" />
+  </div>
+</div>
+
+ <article class="article-left-scroll"> 
+
+     <p><b>Descrizione: </b>Nato come lavoro ad hoc e successivamente sviluppato come progetto interno del laboratorio, Loopshirt è una maglietta interattiva pensata per performance dal vivo in cui l'artista ha la necessità di controllare eventi multimediali (audio, video) o scenici (modifiche in tempo reale dell'ambiente) dovendosi allo stesso tempo muovere liberamente nello spazio circostante. </p>
+
+<p>L'interazione avviene attraverso i 3 pulsanti in neoprene posti sulla maglietta, che tramite un microcontrollore ed un modem Bluetooth inviano segnali MIDI ad un computer adibito alla gestione degli eventi. L'alimentazione è fornita da una batteria al litio posta sulla schiena  e ricaricabile via USB.</p> 
+<p>Tutti i componenti elettronici sono attaccati al tessuto tramite bottoni metallici e quindi rimuovibili per consentire il lavaggio della maglia.</p>
+
+<p>I pulsanti hanno due funzioni ciascuno (a seconda della durata della pressione, breve o continuata), e la loro posizione è stata studiata per ottenere un utilizzo confortevole ed efficiente con entrambe le mani.</p>
+     </article>
+ 
+ </section>
+
+  <a href="#logo-lateral">
+  <div class="tablink" id="menu1">
+   <div class="tabtext">
+    <div class="tabstring">Torna in cima</div>
+
+   </div>
+
+   <div class="tabimg">
+    <img src="../img/upIco.png" / alt="lab">
+   </div>
+
+  </div>
+ </a>
+ 
+ <footer>
+  <div class="footer-text">&copy; 2012 Laboratorio Creativo
+   Geppetto</div>
+  <div class="footer-link">
+   <a href="http://www.geppettolab.it?m=true">Vai alla versione
+    classica</a>
+  </div>
+
+ </footer>
+ <script type="text/javascript">
+  $('#menuButton').click(function() {
+   $('#slideMenu').slideToggle('slow', function() {
+    // Animation complete.
+   });
+  });
+
+  $('#mapButton').click(function() {
+   $('#mapviewer').slideToggle('slow', function() {
+    // Animation complete.
+   });
+  });
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/m/progetti/stormglove.htm b/m/progetti/stormglove.htm
new file mode 100644
index 0000000..be0d9ef
--- /dev/null
+++ b/m/progetti/stormglove.htm
@@ -0,0 +1,157 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8" />
+<title>Laboratorio Creativo Geppetto</title>
+<link href="../style.css" media="all" rel="stylesheet">
+<meta name="viewport" content="width=device-width" />
+<script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script>
+
+<script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push([ '_setAccount', 'UA-35058718-1' ]);
+ _gaq.push([ '_setDomainName', 'geppettolab.it' ]);
+ _gaq.push([ '_trackPageview' ]);
+
+ (function() {
+  var ga = document.createElement('script');
+  ga.type = 'text/javascript';
+  ga.async = true;
+  ga.src = ('https:' == document.location.protocol ? 'https://ssl'
+    : 'http://www')
+    + '.google-analytics.com/ga.js';
+  var s = document.getElementsByTagName('script')[0];
+  s.parentNode.insertBefore(ga, s);
+ })();
+</script>
+<script type="application/javascript" src="../js/iscroll.js"></script>
+<script type="text/javascript" src="../js/vaschetta.js"></script>
+<script type="text/javascript">
+ function loaded() {
+  var vaschetta_main_container = document
+    .getElementsByClassName("vaschetta_wrapper")[0];
+  if (vaschetta_main_container) {
+   initVaschetta();
+  }
+ }
+ window.addEventListener('load', loaded, false);
+</script>
+</head>
+
+<body>
+ <header>
+  <nav id="slideMenu">
+   <div class="menu-el">
+    <div class="menu-im">
+     <a href="../laboratorio.htm"><img src="../img/labIco.jpg" / alt="lab"></a>
+    </div>
+    <div class="menu-txt">Il Laboratorio</div>
+   </div>
+
+   <div class="menu-el">
+    <div class="menu-im">
+     <a href="../progetti.htm"><img src="../img/proIco.png" / alt="lab"></a>
+    </div>
+    <div class="menu-txt">Progetti</div>
+   </div>
+
+   <div class="menu-el">
+    <div class="menu-im">
+     <a href="../geppetti.htm"><img src="../img/gepIco.png" / alt="lab"></a>
+    </div>
+    <div class="menu-txt">I Geppetti</div>
+   </div>
+
+   <div class="menu-el">
+    <div class="menu-im">
+     <a href="../contatti.htm"><img src="../img/conIco.png" / alt="lab"></a>
+    </div>
+    <div class="menu-txt">Contatti</div>
+   </div>
+  </nav>
+  <img id="logo-lateral" alt="Laboratorio Creativo Geppetto"
+   src="../img/logo-small.png" /> <a class="menuButton" id="menuButton"
+   href="#"> <img alt="Laboratorio Creativo Geppetto"
+   src="../img/menu-off.png" /></a>
+
+ </header>
+ <nav class="breadcrumb">
+  <a href="../index.htm">HOME</a> > <a href="../progetti.htm">PROGETTI</a> > STORMGLOVE
+ </nav>
+ 
+ <section>
+  <h3>Stormglove</h3>
+  
+ <div class="vaschetta_wrapper">
+  
+  <div class="scroller-wrapper">
+  
+   <ul id="thelist" class="scroller-content"> 
+ 
+    <li class="vaschetta_item"><img height="800px" width="1024px"
+     alt="Laboratorio Creativo Geppetto" src="stormglove/stormglove1.jpg" /> 
+  
+    <li class="vaschetta_item"><img height="800px" width="1024px"
+     alt="Laboratorio Creativo Geppetto" src="stormglove/stormglove2.jpg" /> 
+     
+  </ul>
+ 
+ 
+</div>
+ 
+ </div>
+ <div class="galnav">
+  <div id="prev" class="vaschetta_freccia_sx">
+  <img alt="prev" src="../img/arrowL.png" /></div>
+
+  <div id="next" class="vaschetta_freccia_dx">
+  <img alt="next" src="../img/arrowR.png" />
+  </div>
+</div>
+
+  <article class="article-left-scroll"> 
+      
+     <p><b>Descrizione: </b>Storm Glove è un progetto di guanto interattivo realizzato per il Laboratorio sui sensori e le tecnologie per la cattura del movimento in applicazioni multimodali del Conservatorio di Como. La sua funzione è quella di fornire un nuovo metodo d’interazione con sistemi multimediali, attraverso l’uso naturale della mano.</p>
+
+<p>In particolare, sul guanto sono montati 3 sensori di flessione, un potenziometro posizionato sul dorso della mano ed un pulsante posto lateralmente e raggiungibile dal pollice. Per testare le funzioni del guanto è stato realizzato uno sketch in Processing, i cui eventi visuali e sonori (pioggia, vento, fulmini) sono mappati all’output del guanto.</p> 
+     </article>
+ </section>
+
+  <a href="#logo-lateral">
+  <div class="tablink" id="menu1">
+   <div class="tabtext">
+    <div class="tabstring">Torna in cima</div>
+
+   </div>
+
+   <div class="tabimg">
+    <img src="../img/upIco.png" / alt="lab">
+   </div>
+
+  </div>
+ </a>
+ 
+ <footer>
+  <div class="footer-text">&copy; 2012 Laboratorio Creativo
+   Geppetto</div>
+  <div class="footer-link">
+   <a href="http://www.geppettolab.it?m=true">Vai alla versione
+    classica</a>
+  </div>
+
+ </footer>
+ <script type="text/javascript">
+  $('#menuButton').click(function() {
+   $('#slideMenu').slideToggle('slow', function() {
+    // Animation complete.
+   });
+  });
+
+  $('#mapButton').click(function() {
+   $('#mapviewer').slideToggle('slow', function() {
+    // Animation complete.
+   });
+  });
+ </script>
+</body>
+</html>
\ No newline at end of file