font2

Website/General/index sandra.html

@@ -4,31 +4,29 @@
 	<style type="text/css">
 	@font-face {
   	font-family:  "Helvetica";
-  	src: url("HelveticaLTStd-Bold.otf");
+  	src: url("../font/HelveticaLTStd-Bold.otf");
   	font-weight: 300;
-  	font-style: bold;}
+  	font-style: normal;}
 
   	@font-face {
-    font-family:  "OCR";
-    src: url("font/OCRAStd.otf");
+    font-family:  "OCRAStd";
+    src: url("../font/OCRAStd.otf");
     font-weight: 300;
     font-style: normal;}
 
 	body 
 		{width:100%;
 		background-color: white;
-		font-family: Helvetica;
 		font-size: calc(8px + 0.7vw);
 	 	scrollbar-width: none;}
-
-
-
 	
 	div#left {
 		border: 1px solid white;
 		color: black;
 		width:49%;
 		display: inline-block;
+		margin-left: auto;
+    	margin-right: auto;
 		height:700px;
 		overflow: scroll;
 		padding-bottom: 200px;
@@ -39,11 +37,32 @@
 		border: ;
 		width:49%;
 		display: inline-block;
+		margin-left: auto;
+    	margin-right: auto;
 		height:700px;
 		overflow: scroll;
 		padding-bottom: 200px;
 		background-color: #21632c;
 	}
+
+	div#title {
+		max-width: 90%;
+		text-align: justify;
+		display: block;
+    	margin-left: auto;
+    	margin-right: auto;
+    	padding-top: 5%;
+    	font-family: "OCRAStd";
+    }
+
+	div#intro {
+		max-width: 90%;
+		text-align: justify;
+		display: block;
+    	margin-left: auto;
+    	margin-right: auto;
+    	font-family: ;
+	}
 	
 	div.moduleimg{
 		margin-top:50px;
@@ -78,7 +97,7 @@
 		display: block;
     	margin-left: auto;
     	margin-right: auto; 
-    	padding-top: 
+    	padding-top: 5%; 
 	}
 
 	</style>
@@ -103,11 +122,20 @@ Dennis de Bel Dennis de Bel (1984, NL) is an applied artistic researcher, educat
 <div id="right">
 	<embed class="output" src="../General/inpout.gif"/>
 
-	<h1>The modular synthesizer is a type of synthesizer, which exists in both physical and virtual forms, consisting of separate specialized modules. The modules can be connected together in various ways, their outputs contributing to the overall function of the system.
+	<div id="title">INPUT/OUTPUT
+	<br>Tales from another module
+	</div>
+	<div id="intro">
+	<p>This publication presents documentation of the work developed during the first trimester of Piet Zwart Institute's Experimental Publishing programme. Nobody can To restrospectively tell what the process/project was about precisely, and as we try to determine it, we realise that only the following pages can do so, in their diversity of approaches and understandings of the given subject (modular synth). Isn't modularity all about that as well?!?</p>
+
+
+	<p>The modular synthesizer is a type of synthesizer, which exists in both physical and virtual forms, consisting of separate specialized modules. The modules can be connected together in various ways, their outputs contributing to the overall function of the system.</p>
+
+	<p>This point of departure led us to produce 10 unique contributions to the common assembly of the publication INPUT-OUTPUT: Tales from another module. Each contribution consists of one or more modules, which represent our individual interests in exploring this medium. Outputs vary between sound, image and text, resulting in an audio-visual performance.</p> 
 
-	<br>This point of departure led us to producing 10 unique contributions to the common assembly of the publication INPUT-OUTPUT: Tales from another module. Each contribution consists of one or more modules, which represent our individual interests in exploring this medium. Outputs vary between sound, image and text, resulting in an audio-visual performance. 
+	<p>The following pages are a compilation of our research and resulting work, complete with instructions of assembly and use.</p>
+		 </div>
 
-	<br>The following pages are a compilation of our research and resulting work, complete with instructions of assembly and use. </h1>
 	<div id="damla" class="moduleimg">
 		<a href="#damla">
 			<img src="../img/pcb_damla.svg"/>