acastro
/
pzimediadesign
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

images, icons, style

Browse Source
master
Castro0o 10 years ago
parent 9e383658e8
commit 293fe763a8
7 changed files with 25 additions and 14 deletions
Show Stats Download Patch File Download Diff File

31
index-template.html
Unescape Escape View File

@ -6,8 +6,8 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <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="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="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" /> <meta name="author" content="Master Media Design & Communication - Piet Zwart Institute" />
@ -17,12 +17,10 @@
<meta property="og:type" content="website"/> <meta property="og:type" content="website"/>
<meta property="og:locale" content="en_US"/> <meta property="og:locale" content="en_US"/>
<meta property="og:site_name" content="Master Media Design & Communication - Piet Zwart Institute" /> <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: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." /> <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> <title>Master Media Design & Communication</title>
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
@ -30,7 +28,6 @@
<link rel="stylesheet" href="css/fixedsticky.css"> <link rel="stylesheet" href="css/fixedsticky.css">
<link href='http://fonts.googleapis.com/css?family=Vollkorn|Inconsolata:400,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Vollkorn|Inconsolata:400,700' rel='stylesheet' type='text/css'>
</head> </head>
<body> <body>
@ -40,23 +37,31 @@
</div> </div>
<div class="zwartArea zwartAreaText " id="section01"> <div class="zwartArea zwartAreaText " id="section01">
<div class="zwartAreaFull zwartAreaIntro"> <div class="zwartAreaFull zwartAreaIntro">
<img id="logoWhite" src="img/white_PZI_logo.svg"/> <img id="logoWhite" src="img/white_PZI_logo.svg">
<!-- <h1 class="highlight"> Piet Zwart Institute<br> --> <!-- &lt;h1 class="highlight"&gt; Piet Zwart Institute&lt;br&gt; -->
<h1 class="highlight">Master Media Design & Communication</h1> <h1>Master Media Design &amp; 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> <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> <!-- &lt;p class="highlight"&gt; -->
<!-- <p class="highlight"> -->
<!-- (Text on Gradshow 2015) --> <!-- (Text on Gradshow 2015) -->
<!-- </p> --> <!-- &lt;/p&gt; -->
<h1 class="highlight">Preview Party: Tempted by Tomorrow (Nervous About Tonight)</h1> <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 <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>
</div> </div>
<div class="sidebarBorder" id="sidebar"> <div class="sidebarBorder" id="sidebar">
<div id="sidebarInner"> <div id="sidebarInner">
<div id="sideBarDesc"> <div id="sideBarDesc">

6
web/css/style.css
Unescape Escape View File

@ -46,6 +46,8 @@ body {
line-height: 18px; line-height: 18px;
} }
img#promotion{ margin-left: 50px; }
.fixedsticky { top: 0px; } .fixedsticky { top: 0px; }
#zwartIntro{ #zwartIntro{
@ -105,6 +107,10 @@ body {
text-indent: 50px; text-indent: 50px;
} }
.zwartAreaFull h1.highlight{
margin-top: -30px !important;
}
.closeSidebar { .closeSidebar {
display: none; display: none;
} }

BIN
web/img/PZI_icon.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
web/img/project_lasse.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 65 KiB

BIN
web/img/project_nan.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 50 KiB

BIN
web/img/project_nicole.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 138 KiB

BIN
web/img/promotionimage2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 503 KiB

Write Preview
Loading…
Cancel
Save