highlight dates

index-template-2016.html

@@ -43,7 +43,13 @@
 
 	    <img src="http://pzwiki.wdka.nl/mw-mediadesign/images/9/98/Fuzzylogic.png" />
 	    <h1>Graduation Show 2016: <i>Fuzzy Logic</i></h1>
-	    <h1  class="highlight">17 - 25 June Rotterdam</h1>
+	    <h1>Opening: June 17, 19:00</h1>	    
+	    <h1>June 18 - June 26   12:00 - 17:00</h1>
+
+	    <p>Locations:</p>
+	    <p><a href="http://pzwart.nl/">Piet Zwart Institute</a><br/>Mauritsstraat 36<br/>Rotterdam</p>
+	    <p><a href="http://v2.nl/">V2_</a><br/>Eendrachtsstraat 10<br/>Rotterdam</p>
+
 
 	    <p>Each year the graduating artists and designers of the Media Design & Communication Department Piet Zwart Institute celebrate their graduation by creating an event: an exhibition, lectures, publications and performances to represent as fully as possible the diverse range of practices encompassed by the practice-based research undertaken in the department.</p>
 	  <p>
@@ -65,11 +71,12 @@
 	    <div id="sideBarDescInfo"><p>Fuzzy Logic</p> </div>
 	    <div id="sideBarDescInner">
 	      <p class="hightlightSidebar">Graduation Show 2016: Fuzzy Logic</p>
+	      <p>Opening: June 17, 19:00<br/>June 18 - June 26<br/>12:00 - 17:00</p>	      
+	      <p>Locations:<br/>
+		<a href="http://pzwart.nl/">Piet Zwart Institute</a><br/>Mauritsstraat 36<br/>Rotterdam
+		<br/><br/><a href="http://v2.nl/">V2_</a><br/>Eendrachtsstraat 10<br/>Rotterdam</p>
+
               <!--p&gt;(Text on Gradshow 2015)&lt;/p-->	      
-	      <p class="hightlightSidebar">Date: 17 - 25 June.<br />
-		Opening: Fri. 17 June, 19:00<br />Location:
-		  <a href="http://pzwart.nl/">Piet Zwart Institute</a>, <a href="http://v2.nl/">V2_</a><br/>
-	      <p>
 
 		<!-- <a> <a href="works/2015-Mihail_Bakalov.html">Mihail Bakalov (BG)</a> <br> -->
 		<!-- <a href="works/2015-ehCaetano.html">Caetano Carvalho (BR)</a> <br> -->
@@ -84,7 +91,7 @@
 		<!-- <a href="works/2015-Nikos_Voyiatzis.html">Nikos Voyiatzis (GR)</a><br> -->
 		<!-- <a href="works/2015-Joseph_Knierzinger.html">Joseph Knierzinger (AT)</a><br> -->
 		<!-- <a href="works/2015-Mathijs_van_Oosterhoudt.html">Mathijs van Oosterhoudt (NL)</a> -->
-	      </p>
+	      
 	    </div>
 	  </div>
 	</div>

web/css/style.css

@@ -110,7 +110,8 @@ img#promotion{ margin-left: 50px; }
 }
 
 .zwartAreaFull h1{
-  text-indent: 50px;
+    text-indent: 50px;
+    font-size: 40px;
 }
 
 .zwartAreaFull h1.highlight{