Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
@fenicento
fenicento committed Sep 28, 2012
1 parent 82eefbd commit 055d251
Show file tree
Hide file tree
Showing 7 changed files with 676 additions and 12 deletions.
8 changes: 4 additions & 4 deletions m/contatti.htm
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>


Expand All @@ -85,7 +85,7 @@ <h3>Contatti</h3>
<div class="tablink" id="menu1">
<div class="taballtext">
<div class="tabtitle">Email</div>
<div class="tabsubtitle">[email protected]</div>
<div class="tabsubtitle"><a href="mailto:[email protected]">[email protected]</a></div>
</div>

</div>
Expand Down
16 changes: 8 additions & 8 deletions m/progetti.htm
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>

Expand Down
14 changes: 14 additions & 0 deletions m/progetti/casa.htm
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
165 changes: 165 additions & 0 deletions m/progetti/corpuscoli.htm
View file
Original file line number Diff line number Diff line change
@@ -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>
Loading

0 comments on commit 055d251

Please sign in to comment.