images, icons, style

10 years ago · 293fe763a8
parent 9e383658e8
commit 293fe763a8
7 changed files with 25 additions and 14 deletions
--- a/index-template.html
+++ b/index-template.html
@ -6,8 +6,8 @@
    <meta charset="UTF-8">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <link href="img/PZI_icon.png" rel="icon" type="image/x-icon">    

-    <link href="http://pzwart2.wdka.hro.nl/mw-mediadesign/skins/pzwart_computerlib.png" rel="icon" type="image/x-icon">    
    <meta name="description" content="The Master in Media Design & Communication is an intensive project-based research degree exploring the possibilities released by the friction between media and their related practices. The course does not believe in old media and new media, nor in the pattern of media extinctions that punctuate traditional media histories. Rather students exploit the resonances and gaps between photography, cinema, animation, software and computational culture. In publishing and documenting, students are expected to critically engage with the platforms and networks in which their work operate or are distributed." />
    <meta name="keywords" content="Master, Media Design, Communication, project, research, degree, media, photography, cinema, animation, software, computational culture, publishing, documenting, critical, platforms, networks, Rotterdam, Netherlands, Willem de Kooning Academy, Piet Zwart Institute" />
    <meta name="author" content="Master Media Design & Communication - Piet Zwart Institute" />
@ -17,12 +17,10 @@
    <meta property="og:type" content="website"/>
    <meta property="og:locale" content="en_US"/>
    <meta property="og:site_name" content="Master Media Design & Communication - Piet Zwart Institute" />
-    <meta property="og:image" content="img/social.jpg">
+    <meta content="img/promotionimage2.png" property="og:image">
    <meta property="og:url" content="http://pzimediadesign.nl/"/>
    <meta property="og:description" content="The Master in Media Design & Communication is an intensive project-based research degree exploring the possibilities released by the friction between media and their related practices. The course does not believe in old media and new media, nor in the pattern of media extinctions that punctuate traditional media histories. Rather students exploit the resonances and gaps between photography, cinema, animation, software and computational culture. In publishing and documenting, students are expected to critically engage with the platforms and networks in which their work operate or are distributed." />
    
-
-    
    <title>Master Media Design & Communication</title>

    <link rel="stylesheet" href="css/style.css">
@ -30,7 +28,6 @@
    <link rel="stylesheet" href="css/fixedsticky.css">
    <link href='http://fonts.googleapis.com/css?family=Vollkorn|Inconsolata:400,700' rel='stylesheet' type='text/css'>

-
  </head>

  <body>
@ -40,23 +37,31 @@
 	</div>
 	<div class="zwartArea zwartAreaText " id="section01">
 	  <div class="zwartAreaFull zwartAreaIntro">
-	    <img id="logoWhite" src="img/white_PZI_logo.svg"/>
-	    <!-- <h1 class="highlight"> Piet Zwart Institute<br> -->
-	    <h1 class="highlight">Master Media Design & Communication</h1>
-	    <p>The Master in Media Design & Communication is an intensive project-based research degree exploring the possibilities released by the friction between media and their related practices. The course does not believe in old media and new media, nor in the pattern of media extinctions that punctuate traditional media histories. Rather students exploit the resonances and gaps between photography, cinema, animation, software and computational culture. In publishing and documenting, students are expected to critically engage with the platforms and networks in which their work operate or are distributed. </p>
+	    <img id="logoWhite" src="img/white_PZI_logo.svg">
+	    <!-- &lt;h1 class="highlight"&gt; Piet Zwart Institute&lt;br&gt; -->
+	    <h1>Master Media Design &amp; Communication</h1>
+	    <p>The Master in Media Design &amp; Communication is an intensive project-based research degree exploring the possibilities released by the friction between media and their related practices. The course does not believe in old media and new media, nor in the pattern of media extinctions that punctuate traditional media histories. Rather students exploit the resonances and gaps between photography, cinema, animation, software and computational culture. In publishing and documenting, students are expected to critically engage with the platforms and networks in which their work operate or are distributed. </p>
+
+	    <h1>Graduation Show 2015: <i>Tempted by Tomorrow</i></h1>
+	    <h1  class="highlight">3 - 12 July. Hofpoort, Hofplein 20, Rotterdam</h1>
+	    <p>- - - -</p>

-	    <h1 class="highlight">Graduation Show 2015: Tempted by Tomorrow</h1>
-	    <!-- <p class="highlight"> -->
+	    <!-- &lt;p class="highlight"&gt; -->
 	    <!--   (Text on Gradshow 2015) -->
-	    <!-- </p> -->
-	    <h1 class="highlight">Preview Party: Tempted by Tomorrow (Nervous About Tonight)</h1>
+	    <!-- &lt;/p&gt; -->
+	    <h1>Preview Party: <i>Tempted by Tomorrow (Nervous About Tonight)</i></h1>
+	    <h1 class="highlight">Sat. 20 June, 7pm, V2_</h1>
 	    <p>An evening of performances, presentations and installations. Take the opportunity to have a drink, discuss the presented
-	    projects and choose the winner of the ‘Thesis – Karaoke’, the ultimate research based pop-jukebox.</p>
+	      projects and choose the winner of the ‘Thesis – Karaoke’, the ultimate research based pop-jukebox.</p>
+	    <img class="work" id="promotion" src="img/promotionimage2.png">
+
 	  </div>
 	</div>
      </div>


+      
+
      <div class="sidebarBorder" id="sidebar">
 	<div id="sidebarInner">
 	  <div id="sideBarDesc">
--- a/web/css/style.css
+++ b/web/css/style.css
@ -46,6 +46,8 @@ body {
  line-height: 18px;
 }

+img#promotion{ margin-left: 50px; }
+
 .fixedsticky { top: 0px; }

 #zwartIntro{
@ -105,6 +107,10 @@ body {
  text-indent: 50px;
 }

+.zwartAreaFull h1.highlight{
+  margin-top: -30px !important;
+}
+
 .closeSidebar {
  display: none;
 }
--- a/web/img/PZI_icon.png
+++ b/web/img/PZI_icon.png
--- a/web/img/project_lasse.png
+++ b/web/img/project_lasse.png
--- a/web/img/project_nan.jpg
+++ b/web/img/project_nan.jpg
--- a/web/img/project_nicole.jpg
+++ b/web/img/project_nicole.jpg
--- a/web/img/promotionimage2.png
+++ b/web/img/promotionimage2.png