immagini

index.htm

@@ -127,6 +127,32 @@ <h2 class="title-left">PROGETTI</h2>
   <div class="items">
 
     <!-- 1-5 -->
+
+      <div class="scroll-el">
+     <h3>LA CASA SU MARTE</h3>
+     <div class="full-height">
+
+     <article class="article-left-scroll"> 
+     <p><b>Designer: </b><a href="http://www.searif.com/">Francesco Bocola</a></p>
+      <p><b>Sito ufficiale: </b><a href="http://www.lacasasumarte.it">La casa su Marte</a></p>
+     <p><b>Descrizione: </b>Questa installazione immersiva progettata da Francesco Bocola esplora i confini dell'architettura sensoriale, spingendosi in una condizione in cui più che mai la casa è intesa come un rifugio: la vita umana su Marte.</p>
+     <p> In un contesto così estremo l'abitazione diventa l'unico spazio di sopravvivenza, un guscio che protegge il suo abitante dall'inospitalità del pianeta rosso e dall'instabilità psichica derivata dall'alienazione. Suoni, immagini e odori regolano l'equilibrio fisico e mentale dell'individuo, regolati dalla temperatura corporea.</p> 
+
+<p>Noi geppetti abbiamo avuto l'arduo compito di realizzare i sistemi interattivi e le automazioni della casa (porte, luci, sensori di temperatura e diffusione di fragranze), nonché di creare e governare i contenuti multimediali in base alle condizioni nterne della sfera.</p>
+     </article>
+     <div class="galleria">
+        <img src="img/casa1.jpg" alt="casa1" data-description="Il modulo abitativo visto dall'esterno. La porta sferica è comandata da un sensore di movimento, che aziona anche la gestione dell'ambiente.">
+        <img src="img/casa2.jpg" alt="casa2" data-description="Una visione d'insieme dell'interno: in uno spazio ridottissimo sono condensati un tavolo, due sedie, un letto pieghevole, bagno e cucina con elettrodomestici.">
+        <img src="img/casa3.jpg" alt="casa3" data-description="Le luci circondano tutto l'ambiente, e variano colore a seconda della temperatura corporea di chi si trova all'interno.">
+        <img src="img/casa4.jpg" alt="casa4" data-description="Un particolare del bagno, che nella sua essenzialità dispone di lavello, wc, doccia e specchio.">
+        <img src="img/casa5.jpg" alt="casa5" data-description="La colorazione verde indica lo stato di quiete del sistema: la persona all'interno ha raggiunto il suo equilibrio termico.">
+        <img src="img/casa6.png" alt="casa6" data-description="Un render di una possibile combinazione di moduli per un insediamento.">
+
+     </div>
+     </div>
+
+    </div>
+
       <div class="scroll-el">
      <h3>LOOPSHIRT</h3>
      <div class="full-height">
@@ -196,7 +222,21 @@ <h3>IMAGINARY CORPUSCOLI</h3>
 
     <!-- 10-15 -->
     <div class="scroll-el">
-       <h3>LOL DI TEST 3</h3>    
+       <h3>STORMGLOVE</h3> 
+
+       <div class="full-height">
+
+     <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>
+     <div class="galleria">
+        <img src="img/stormglove2.jpg" alt="stormglove1" data-description="Lo stormglove con tutti i suoi sensori in vista. L'interazione è controllata da un Arduino che si interfaccia direttamente ad un computer">
+        <img src="img/stormglove.png" alt="stormglove2" data-description="Lo sketch di prova realizzato con Max/MSP">
+<!--         <img src="img/cuprum4.jpg" alt="cuprum4" data-description="Un particolare della realizzazione tecnica"> -->
+     </div>
+     </div>   
     </div>
 
 </div>
@@ -215,49 +255,50 @@ <h2 class="title-center">I GEPPETTI</h2>
 
  <div class="gep-person">
   <div class="gep-person-img">
-   <img src="img/user.png" alt="geppo">
+   <img src="img/dani.jpg" alt="geppo">
   </div>
-  <div class="gep-person-info"><h3>DANIELE CIMINIERI</h3>Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.</div>
+  <div class="gep-person-info"><h3>DANIELE CIMINIERI</h3>Dopo una laurea triennale in ingegneria informatica conseguita a Roma, Daniele decide di cambiare parzialmente rotta e si trasferisce a Como per proseguire gli studi come ingegnere del suono. Qui viene a contatto con il mondo dell'interazione uomo-macchina e della programmazione multimediale, che da allora lo tiene felicemente impegnato. Programma in qualunque linguaggio purché il risultato finale sia colorato, assordante, stupfacente; da qui il titolo di code bard che ricopre con orgoglio.</div>
 
  </div>
 
  <div class="gep-person-right">
   <div class="gep-person-img">
    <img src="img/user.png" alt="geppo">
   </div>
-  <div class="gep-person-info"><h3>LUCA FELICIANI</h3>Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.</div>
+  <div class="gep-person-info"><h3>LUCA FELICIANI</h3>Luca era il tipico bambino a cui un gioco nuovo durava circa un paio di giorni. Non perchè lo consumasse rapidamente, piuttosto perchè per capirne il funzionamento lo apriva, lo smontava e poi si inventava un modo tutto suo per ricomporlo. Inevitabilmente, quando il gioco non funzionava più, doveva trovare un modo per  restituirgli una vita. Così, pian piano, ha imparato a riutilizzare pezzi dispersi, a inventare per loro  nuove funzioni, ed a coltivare la sua passione per gli oggetti costruiti a mano. Gli studi elettronici e la specializzazione in Ingegneria Informatica e Design del Suono gli hanno infine fornito le credenziali per poter ricoprire il ruolo di Multimedia Carpenter, all’interno del Laboratorio Creativo Geppetto, riunendo in un unico lavoro la sua passione per le lavorazioni manuali e per le scienze ingegneristiche.</div>
 
  </div>
 
  <div class="gep-person">
   <div class="gep-person-img">
-   <img src="img/user.png" alt="geppo">
+   <img src="img/susy.jpg" alt="geppo">
   </div>
-  <div class="gep-person-info"><h3>SUSANNA PILIA</h3>Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.</div>
+  <div class="gep-person-info"><h3>SUSANNA PILIA</h3>Proveniente da un mondo fatto di cavalletti, colori e pennelli, Susanna (diplomatasi al liceo artistico) approda nella nuvolosa Como per frequentare il corso di Design dell'arredo presso il Politecnico di Milano. Qui apprende i dogmi della progettazione affinando la sua idea di Design, e con la tesi di laurea ha il suo primo incontro con resistenze, breadboard e Arduini. All'interno del laboratorio Geppetto si occupa della progettazione soft e hard dei prodotti e cura l'immagine grafica del gruppo.</div>
 
  </div>
 
  <div class="gep-person-right">
   <div class="gep-person-img">
    <img src="img/user.png" alt="geppo">
   </div>
-  <div class="gep-person-info"><h3>GIANMARCO GOZZI</h3>Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.</div>
+  <div class="gep-person-info"><h3>GIANMARCO "JIMMY" GOZZI</h3>Jimmy unisce al suo amore per la musica la razionalità della matematica: possiede uno spiccato senso dell’improvvisazione sia nel campo musicale che in quello scientifico, cercando sempre di trovare analogie e differenze tra i due ambienti. questo si rispecchia nei suoi studi - composizione e pianoforte al conservatorio, ingegneria all'università - e i risultati di questa miscela si intravedono nella sua attività di sound designer e compositore che svolge nel laboratorio, arricchendo i progetti con suoni e musiche mai banali, sempre pensate e coinvolgenti.</div>
 
  </div>
 
  <div class="gep-person">
   <div class="gep-person-img">
    <img src="img/user.png" alt="geppo">
   </div>
-  <div class="gep-person-info"><h3>DAVIDE TOTARO</h3>Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.</div>
+
+  <div class="gep-person-info"><h3>DAVIDE TOTARO</h3>Il primo impatto vero con la Tecnologia Davide lo ha all'università, dove consegue le lauree in Ingegneria Informatica ed in Ingegneria e Design del Suono presso il Politecnico di Milano. Nel frattempo non solo scopre di essere appassionato all'arte digitale, ma anche di possedere le capacità tecniche per poter lavorare in questo settore. Grande fautore del concetto di Artigianato Tecnologico, è attualmente impegnato nel coniugare tecnologie avanzate con l'approccio fai-da-te tipoco dell'artigiano.</div>
 
  </div>
 
  <div class="gep-person-right">
   <div class="gep-person-img">
    <img src="img/user.png" alt="geppo">
   </div>
-  <div class="gep-person-info"><h3>EROS BLANCO</h3>Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.</div>
+  <div class="gep-person-info"><h3>EROS BLANCO</h3></div>
 
  </div>
 
@@ -266,7 +307,7 @@ <h2 class="title-center">I GEPPETTI</h2>
   <div class="gep-person-img">
    <img src="img/user.png" alt="geppo">
   </div>
-  <div class="gep-person-info"><h3>ANDREI CLODIUS</h3>Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.</div>
+  <div class="gep-person-info"><h3>ANDREI CLODIUS</h3></div>
 
  </div>
 

js/parallax.js

@@ -6,7 +6,7 @@ $(document).ready(function() {
 	$("#map_canvas").height($(window).height()*0.7);
 	$(".video-gep").width($(window).width()*0.4);
 	$(".video-gep").height($(window).width()*0.4/1.77);
-	$(".prog-container").height($(window).height()*0.8);
+	$(".prog-container").height($(window).height()*0.9);
 
 	redrawDotNav();
 

style.css

@@ -247,6 +247,10 @@ nav#primary h4 {
   height:100%;
 }
 
+.galleria {
+	height:100%;
+}
+
 .scrollable {
     float:left;
 }
@@ -285,6 +289,8 @@ a.disabled {
 .gep-person-img {
 	width:20%;
 	float:left;
+	margin-right: 2%;
+    margin-top: 2%;
 }
 
 .gep-person-right .gep-person-img {