From fcad4cb2938dd310381e789614423095bd2b3f60 Mon Sep 17 00:00:00 2001
From: Slayr <sandra@145.137.EARLY-REGISTRATION.of.SURFnet.invalid>
Date: Wed, 27 Nov 2019 16:04:13 +0100
Subject: [PATCH] font2

---
 Website/General/index sandra.html | 52 ++++++++++++++++++++++++-------
 1 file changed, 40 insertions(+), 12 deletions(-)

diff --git a/Website/General/index sandra.html b/Website/General/index sandra.html
index 9621f25..59dc254 100644
--- a/Website/General/index sandra.html	
+++ b/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"/>