Skip to content

Commit

Permalink
modifiche successive alla pubblicazione
Browse files Browse the repository at this point in the history
  • Loading branch information
@fenicento
fenicento committed Sep 21, 2012
1 parent 86c4b90 commit 2e95f56
Show file tree
Hide file tree
Showing 3 changed files with 35 additions and 33 deletions.
47 changes: 24 additions & 23 deletions index.htm
View file
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ <h3>
all'artigianato.<br /> I fili elettrici sono il suo legno, le
frequenze sonore i suoi chiodi, i link la sua spatola.
</h3>
<img id="lab" alt="il laboratorio" src="./img/lab4.jpg" />
<!-- <img id="lab" alt="il laboratorio" src="./img/lab5.png" /> -->
</div>
</header>

Expand Down Expand Up @@ -128,30 +128,30 @@ <h2 class="title-left">PROGETTI</h2>

<!-- 1-5 -->

<div class="scroll-el">
<h3>LA CASA SU MARTE</h3>
<div class="full-height">
<!-- <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>
<!-- <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.">
<!-- <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> -->

</div>
<!-- </div> -->

<div class="scroll-el">
<h3>LOOPSHIRT</h3>
Expand All @@ -166,9 +166,10 @@ <h3>LOOPSHIRT</h3>
<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>
<div class="galleria">
<img src="img/loop3.jpg" alt="loop3" data-description="Il microcontrollore ed il modem bluetooth usati per la comunicazione con il computer.">
<img src="img/loop1.jpg" alt="loop1" data-description="Un particolare dei pulsante in neoprene: i due strati interni in tessuto conduttivo vengono a contatto durante la pressione.">
<img src="img/loop2.jpg" alt="loop2" data-description="I pulsanti sono collegati tramite bottoni metallici per consentire il passaggio di corrente ed ulteriormente bloccati con un strato di feltro.">
<img src="img/loop3.jpg" alt="loop3" data-description="Il microcontrollore ed il modem bluetooth usati per la comunicazione con il computer.">

<!-- <img src="img/cuprum4.jpg" alt="cuprum4" data-description="Un particolare della realizzazione tecnica"> -->
</div>
</div>
Expand Down Expand Up @@ -307,7 +308,7 @@ <h2 class="title-center">I GEPPETTI</h2>
<div class="gep-person-img">
<img src="img/andrei.jpg" alt="geppo">
</div>
<div class="gep-person-info"><h3>ANDREI CLODIUS</h3></div>
<div class="gep-person-info"><h3>ANDREI CLODIUS</h3>Andrei si trasferisce in Italia per studiare Design presso il Politecnico di Milano. Sempre attento al contributo che l'innovazione può portare alla progettazione, si inserisce naturalmente nel contesto ad alto contenuto tecnologico del laboratorio, dove si occupa di design grafico e del prodotto e di scenario building.</div>

</div>

Expand Down
2 changes: 1 addition & 1 deletion js/galleria/themes/miniml/galleria.miniml.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -131,7 +131,7 @@
}
.galleria-info-description {

bottom: -35px;
bottom: -45px;
color: #333333;
display: block;
font-size: 1.2em;
Expand Down
19 changes: 10 additions & 9 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,26 +49,26 @@ header h3 {
line-height:1.3;
font-size:1.3em;
color:#fff;
margin:3% 10% 0 4%;
font-style:italic;
font-family:serif;
}

.contatti-text h3, .scroll-el h3, .gep-person h3, .gep-person-right h3{
text-align:left;
}

#logo{
width:40%;
margin:0 auto;
width:50%;
height:auto;
}

#lab{
position:absolute;
right:-30px;
top:-30px;
right:0px;
top:0px;
width:50%;
height:auto;
border:5px solid #8FE5F2;
border-top:none;
border-right:none;
border-bottom-left-radius:100%;
}

#top{
Expand All @@ -95,6 +95,7 @@ section h2 {
clear:both;
}
h3 {
text-align:center;
font-size:2em;
color:#f7941e;
font-weight:bold;
Expand Down Expand Up @@ -248,7 +249,7 @@ nav#primary h4 {
}

.galleria {
height:100%;
height:79%;
}

.scrollable {
Expand Down

0 comments on commit 2e95f56

Please sign in to comment.