modifiche ai testi

index.htm

@@ -155,10 +155,11 @@ <h2 class="title-left">PROGETTI</h2>
 <!--     </div> -->
 
       <div class="scroll-el">
-     <h3>LOOPSHIRT</h3>
+
      <div class="full-height">
 
      <article class="article-left-scroll"> 
+      <h3>LOOPSHIRT</h3>
      <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> 
@@ -179,10 +180,11 @@ <h3>LOOPSHIRT</h3>
 
 
     <div class="scroll-el">
-     <h3>CUPRUM</h3>
+
      <div class="full-height">
 
      <article class="article-left-scroll">
+      <h3>CUPRUM</h3>
      <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>
 
@@ -202,10 +204,11 @@ <h3>CUPRUM</h3>
 
     <!-- 5-10 -->
     <div class="scroll-el">
-      <h3>IMAGINARY CORPUSCOLI</h3>
+
      <div class="full-height">
 
      <article class="article-left-scroll">
+      <h3>IMAGINARY CORPUSCOLI</h3>
      <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>
 
@@ -224,11 +227,12 @@ <h3>IMAGINARY CORPUSCOLI</h3>
 
     <!-- 10-15 -->
     <div class="scroll-el">
-       <h3>STORMGLOVE</h3> 
+
 
        <div class="full-height">
 
      <article class="article-left-scroll"> 
+      <h3>STORMGLOVE</h3> 
      <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> 

m/index.htm

@@ -11,6 +11,8 @@
  <img id="logo" alt="Laboratorio Creativo Geppetto"
     src="img/logo-m.png"/>
 
+    <h3>TECHNOLOGICAL CRAFTMANSHIP</h3>
+
     <a href="index2.htm">PROVA PAGINA INTERNA</a>
 
    </header>

m/style.css

@@ -52,11 +52,8 @@ body {
 
 header h3 {
 	display:block;
-	width:80%;
-	line-height:1.1;
-	font-size:1.3em;
+	width:100%;
+	font-size:1.1em;
 	color:#fff;
-	font-style:italic;
-	font-family:serif;
 	text-align:center;
 }

style.css

@@ -29,16 +29,21 @@ src: url(fonts/HELVETICANEUELTCOM-HV.TTF);
 src: url(fonts/HelveticaNeueLTCom-BdCn.ttf);	
 }
 
+@font-face{
+	font-family:'cpf';
+src: url(fonts/CPF Serif Pro-Regular.otf);	
+}
+
 html {
     overflow-y: scroll;
     color:#fff;
 }
 body {
     background: none repeat scroll 0 0 #006666;
-    font-family: Arial,sans-serif;
+   font-family:'cpf';
     font-size: 14px;
     /*height: 4550px;*/
-    line-height:1.5;
+    line-height:1.3;
     overflow-x: hidden;
 }
 h1 {
@@ -344,4 +349,10 @@ footer{
 	width:80%;
 	margin:0 auto;
 	text-align:center;
+}
+#progetti .title-left {
+	margin-bottom:2%;
+}
+.scroll-el h3 {
+	font-size:1.5em;
 }