index creation
parent
edd0b5f53f
commit
2153905ec6
@ -1,47 +1,139 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
|
||||||
<meta charset="UTF-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">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||||
<title>Media Design & Communication - Piet Zwart Institute</title>
|
|
||||||
|
|
||||||
|
<title>Piet Zwart Institute: Master Media Design & Communication</title>
|
||||||
|
|
||||||
<link rel="stylesheet" href="css/style.css">
|
<link rel="stylesheet" href="css/style.css">
|
||||||
<link rel="stylesheet" href="./fonts/fontstylesheet01.css">
|
<link rel="stylesheet" href="fonts/fontstylesheet01.css">
|
||||||
<link href='http://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/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 rel="stylesheet" href="http://filamentgroup.github.io/fixed-sticky/fixedsticky.css"> -->
|
||||||
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div id="zwartIntro">
|
<div id="pageWrap">
|
||||||
<div class="zwartArea" id="section00">
|
<div class="" id="zwartIntro">
|
||||||
|
<div class="sidebarBorderLeft zwartArea zwartAreaMobile" id="section00">
|
||||||
|
</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"> Piet Zwart Institute: Master Media Design & Communication</h1>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
The Piet Zwart Institute, Master in Media Design is an intensive project-based research degree that will equip you to create a distinctive voice as an artist/designer in the contemporary media landscape. </p>
|
||||||
|
<p>
|
||||||
|
Our programme encourages students to explore the new possibilities released by the friction between media forms, critically working across the historical gaps between photography, cinema, animation, mobile media, information systems and technological networks. This course does not believe in old media and new media, nor in the pattern of media extinctions that punctuate traditional media histories: we believe in the cross fertilisation of a thriving media ecology.</p>
|
||||||
|
<p>
|
||||||
|
Digital media can be thought of as a field in which radically different materialities of software, interface and human behaviour are being brought together for the first time. This is often experienced as tensions between computer code and the images that this code generates but does not explain; a tension between abstract symbols and concrete models, between concept and sensation. This course does not try to resolve these tensions but uses them to stimulate new ways to think about how we might live with information today.</p>
|
||||||
|
|
||||||
|
<h1 class="highlight">Graduation 2015: Tempted by Tomorrow</h1>
|
||||||
|
<p class="highlight">
|
||||||
|
Exhibitions, programming, conferences and publications are a means of expanding our research beyond the confines of academia, while simultaneously valuing the very necessary speculative space for reflection and knowledge-building that is only made possible through an academic framework like the Piet Zwart Institute.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="zwartArea zwartAreaText" id="section01">
|
|
||||||
<div class="zwartAreaFull">
|
|
||||||
<h1>Media Design & Communication - Piet Zwart Institute</h1>
|
<div id="sidebar" class="sidebarBorder">
|
||||||
<h1 class="highlight">Graduation 2012</h1>
|
<div id="sidebarInner">
|
||||||
|
<div id="sideBarDesc">
|
||||||
|
<div id="sideBarDescInfo"><p>Tempted by Tomorrow</p> </div>
|
||||||
|
<div id="sideBarDescInner">
|
||||||
|
<h2> Graduation 2015: Tempted by Tomorrow </h2>
|
||||||
|
<p>Exhibitions, programming, conferences and publications are a means of expanding our research beyond the confines of academia, while simultaneously valuing the very necessary speculative space for reflection and knowledge-building. </p>
|
||||||
|
|
||||||
|
<p class="hightlightSidebar">Exhibition date: 10-28 of June, 2015 <br> Location: WORM and V2, Rotterdam </p>
|
||||||
|
<p>Work by: <br>
|
||||||
|
Mihail Lyubomoriv Bakalav (BG) <br>
|
||||||
|
Caetano Maciel de Carvalho (BR) <br>
|
||||||
|
Junyu Chen (CN) <br>
|
||||||
|
Lucia de Macedo Dossin (BR) <br>
|
||||||
|
Max Dovey (UK) <br>
|
||||||
|
Henk-Jelle de Groot (NL) <br>
|
||||||
|
Elleke Hageman (NL)<br>
|
||||||
|
Artyom Kocheryan (AM, NL)<br>
|
||||||
|
Lída Pereira Rodrigues (PT)<br>
|
||||||
|
Luísa da Silva Pereira de Moura (PT)<br>
|
||||||
|
Nikolaos Vogiatzis (GR)<br>
|
||||||
|
Joseph Knierzinger (AT)<br>
|
||||||
|
Matthijs van Oosterhoudt (NL)</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="logoWrap">
|
||||||
|
<img id="logo" src="img/black_PZI_logo_p.svg"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div id="filter">
|
|
||||||
<div id="sortArea" class="themes">
|
<div id="section02" class="zwartArea sidebarBorderLeft zwartAreaWhite">
|
||||||
<label><input name="video" class="video" value=".video" type="checkbox"><p>Video</p></label>
|
<div id="filter" class="fixedsticky">
|
||||||
<label><input name="flash" class="flash" value=".flash" type="checkbox"><p>Flash</p></label>
|
<p>PZI: Master Media Design & Communication <a class="closeSidebar"><img src="arrowDown.svg"/></a></p>
|
||||||
<label><input name="narrative" class="narrative" value=".narrative" type="checkbox"><p>Narrative</p></label>
|
</div>
|
||||||
|
|
||||||
|
<div class="isotope"> <!-- Maybe sould aslo have have-->
|
||||||
|
<div class="grid-sizer"></div>
|
||||||
|
|
||||||
|
<!--div class="item narrative"><img src="img/project_lasse.png"></div>
|
||||||
|
<div class="item video widthA"><img src="img/project_nan.jpg"></div>
|
||||||
|
<div class="item video"><img src="img/project_nicole2.jpg"></div>
|
||||||
|
<div class="item video flash"><img src="img/project_roel2.png"></div>
|
||||||
|
<div class="item narrative"><img src="img/project_andre.jpeg"></div>
|
||||||
|
<div class="item narrative"><h1>Time and time again</h1></div>
|
||||||
|
<div class="item video"><img src="img/project_nicole.jpg"></div>
|
||||||
|
<div class="item text"><h1>Vestibulum auctor magna eros</h1></div>
|
||||||
|
<div class="item narrative flash"><img src="img/project_roel.gif"></div>
|
||||||
|
<div class="item narrative"><img src="img/project_lasse.png"></div>
|
||||||
|
<div class="item narrative"><h1>Time and time again</h1></div>
|
||||||
|
<div class="item video"><img src="img/project_nicole.jpg"></div>
|
||||||
|
<div class="item text widthA"><h1>A history of the ever-changing educational urban environment and a variety of cultural influences</h1></div>
|
||||||
|
<div class="item narrative flash"><img src="img/project_roel.gif"></div>
|
||||||
|
<div class="item video widthA"><img src="img/project_nan.jpg"></div>
|
||||||
|
<div class="item video"><img src="img/project_nicole2.jpg"></div>
|
||||||
|
<div class="item video flash"><img src="img/project_roel2.png"></div>
|
||||||
|
<div class="item narrative"><img src="img/project_andre.jpeg"></div-->
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div id="sidebar">
|
<div id="section03" class="sidebarBorderLeft zwartArea">
|
||||||
<img id="logo" src="./img/black_PZI_logo_p.svg"/>
|
<div class="zwartAreaFull zwartColophon">
|
||||||
<div id="sideBarDesc">
|
<!-- <h1 class="highlight"> Master Media Design & Communication</h1> -->
|
||||||
<div id="sideBarDescInfo" class=""><p>Graduation 2015<p></div>
|
<p> The Piet Zwart Institute, Master in Media Design is an intensive project-based research degree that will equip you to create a distinctive voice as an artist/designer in the contemporary media landscape.</p>
|
||||||
|
|
||||||
|
<!-- <p>Digital media can be thought of as a field in which radically different materialities of software, interface and human behaviour are being brought together for the first time. This is often experienced as tensions between computer code and the images that this code generates but does not explain; a tension between abstract symbols and concrete models, between concept and sensation. This course does not try to resolve these tensions but uses them to stimulate new ways to think about how we might live with information today.</p> -->
|
||||||
|
<!-- <h1 class="colophon">Colophon</h1> -->
|
||||||
|
<p class="colophon">
|
||||||
|
<!-- Through a uniquely tailored curriculum combining collective learning, individual tutorials, practice-based research and theoretical enquiry, our courses educate professionals who have a critically reflective, innovative, questioning and imaginative approach to their work. Our graduates go on to not only establish themselves in their field, but also challenge and creatively define the perimeters of their profession. -->
|
||||||
|
<a href="http://www.pzwart.nl/">http://www.pzwart.nl/</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<!-- <h1>Isotope - cellsByRow, element sizing</h1> -->
|
|
||||||
<div id="section02" class="zwartArea zwartAreaWhite">
|
|
||||||
<!-- <div class="isotope"></div> -->
|
|
||||||
<!-- WORKS DIV WILL BE ADDED HERE -->
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- <script src="./js/jquery-2.1.3.min.js"></script> -->
|
|
||||||
<!-- <script src="./js/isotope.pkgd.min.js"></script> -->
|
|
||||||
<!-- <script src="./js/imagesloaded.pkgd.min.js"></script> -->
|
|
||||||
<!-- <script src="./js/mainScripts.js"></script> -->
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
<script src='js/jquery-2.1.3.min.js'></script>
|
||||||
|
<script src='js/fixedfixed.js'></script>
|
||||||
|
<script src='js/fixedsticky.js'></script>
|
||||||
|
<script src='js/isotope.pkgd.min.js'></script>
|
||||||
|
<script src='js/imagesloaded.pkgd.min.js'></script>
|
||||||
|
<script src='js/mainScripts.js'></script>
|
||||||
|
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -0,0 +1,137 @@
|
|||||||
|
<!DOCTYPE HTML><html><head>
|
||||||
|
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta content="yes" name="apple-mobile-web-app-capable">
|
||||||
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||||
|
|
||||||
|
|
||||||
|
<title>Piet Zwart Institute: Master Media Design & Communication</title>
|
||||||
|
|
||||||
|
<link href="css/style.css" rel="stylesheet">
|
||||||
|
<link href="fonts/fontstylesheet01.css" rel="stylesheet">
|
||||||
|
<link href="css/fixedsticky.css" rel="stylesheet">
|
||||||
|
<link href="http://fonts.googleapis.com/css?family=Vollkorn|Inconsolata:400,700" rel="stylesheet" type="text/css">
|
||||||
|
<!-- <link rel="stylesheet" href="http://filamentgroup.github.io/fixed-sticky/fixedsticky.css"> -->
|
||||||
|
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="pageWrap">
|
||||||
|
<div class="" id="zwartIntro">
|
||||||
|
<div class="sidebarBorderLeft zwartArea zwartAreaMobile" id="section00">
|
||||||
|
</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"> Piet Zwart Institute: Master Media Design & Communication</h1>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
The Piet Zwart Institute, Master in Media Design is an intensive project-based research degree that will equip you to create a distinctive voice as an artist/designer in the contemporary media landscape. </p>
|
||||||
|
<p>
|
||||||
|
Our programme encourages students to explore the new possibilities released by the friction between media forms, critically working across the historical gaps between photography, cinema, animation, mobile media, information systems and technological networks. This course does not believe in old media and new media, nor in the pattern of media extinctions that punctuate traditional media histories: we believe in the cross fertilisation of a thriving media ecology.</p>
|
||||||
|
<p>
|
||||||
|
Digital media can be thought of as a field in which radically different materialities of software, interface and human behaviour are being brought together for the first time. This is often experienced as tensions between computer code and the images that this code generates but does not explain; a tension between abstract symbols and concrete models, between concept and sensation. This course does not try to resolve these tensions but uses them to stimulate new ways to think about how we might live with information today.</p>
|
||||||
|
|
||||||
|
<h1 class="highlight">Graduation 2015: Tempted by Tomorrow</h1>
|
||||||
|
<p class="highlight">
|
||||||
|
Exhibitions, programming, conferences and publications are a means of expanding our research beyond the confines of academia, while simultaneously valuing the very necessary speculative space for reflection and knowledge-building that is only made possible through an academic framework like the Piet Zwart Institute.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="sidebarBorder" id="sidebar">
|
||||||
|
<div id="sidebarInner">
|
||||||
|
<div id="sideBarDesc">
|
||||||
|
<div id="sideBarDescInfo"><p>Tempted by Tomorrow</p> </div>
|
||||||
|
<div id="sideBarDescInner">
|
||||||
|
<h2> Graduation 2015: Tempted by Tomorrow </h2>
|
||||||
|
<p>Exhibitions, programming, conferences and publications are a means of expanding our research beyond the confines of academia, while simultaneously valuing the very necessary speculative space for reflection and knowledge-building. </p>
|
||||||
|
|
||||||
|
<p class="hightlightSidebar">Exhibition date: 10-28 of June, 2015 <br> Location: WORM and V2, Rotterdam </p>
|
||||||
|
<p>Work by: <br>
|
||||||
|
Mihail Lyubomoriv Bakalav (BG) <br>
|
||||||
|
Caetano Maciel de Carvalho (BR) <br>
|
||||||
|
Junyu Chen (CN) <br>
|
||||||
|
Lucia de Macedo Dossin (BR) <br>
|
||||||
|
Max Dovey (UK) <br>
|
||||||
|
Henk-Jelle de Groot (NL) <br>
|
||||||
|
Elleke Hageman (NL)<br>
|
||||||
|
Artyom Kocheryan (AM, NL)<br>
|
||||||
|
Lída Pereira Rodrigues (PT)<br>
|
||||||
|
Luísa da Silva Pereira de Moura (PT)<br>
|
||||||
|
Nikolaos Vogiatzis (GR)<br>
|
||||||
|
Joseph Knierzinger (AT)<br>
|
||||||
|
Matthijs van Oosterhoudt (NL)</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="logoWrap">
|
||||||
|
<img id="logo" src="img/black_PZI_logo_p.svg">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="zwartArea sidebarBorderLeft zwartAreaWhite" id="section02">
|
||||||
|
<div class="fixedsticky" id="filter">
|
||||||
|
<p>PZI: Master Media Design & Communication <a class="closeSidebar"><img src="arrowDown.svg"></a></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="isotope"> <!-- Maybe sould aslo have have-->
|
||||||
|
<div class="grid-sizer"></div>
|
||||||
|
|
||||||
|
<!--div class="item narrative"><img src="img/project_lasse.png"></div>
|
||||||
|
<div class="item video widthA"><img src="img/project_nan.jpg"></div>
|
||||||
|
<div class="item video"><img src="img/project_nicole2.jpg"></div>
|
||||||
|
<div class="item video flash"><img src="img/project_roel2.png"></div>
|
||||||
|
<div class="item narrative"><img src="img/project_andre.jpeg"></div>
|
||||||
|
<div class="item narrative"><h1>Time and time again</h1></div>
|
||||||
|
<div class="item video"><img src="img/project_nicole.jpg"></div>
|
||||||
|
<div class="item text"><h1>Vestibulum auctor magna eros</h1></div>
|
||||||
|
<div class="item narrative flash"><img src="img/project_roel.gif"></div>
|
||||||
|
<div class="item narrative"><img src="img/project_lasse.png"></div>
|
||||||
|
<div class="item narrative"><h1>Time and time again</h1></div>
|
||||||
|
<div class="item video"><img src="img/project_nicole.jpg"></div>
|
||||||
|
<div class="item text widthA"><h1>A history of the ever-changing educational urban environment and a variety of cultural influences</h1></div>
|
||||||
|
<div class="item narrative flash"><img src="img/project_roel.gif"></div>
|
||||||
|
<div class="item video widthA"><img src="img/project_nan.jpg"></div>
|
||||||
|
<div class="item video"><img src="img/project_nicole2.jpg"></div>
|
||||||
|
<div class="item video flash"><img src="img/project_roel2.png"></div>
|
||||||
|
<div class="item narrative"><img src="img/project_andre.jpeg"></div-->
|
||||||
|
|
||||||
|
<div class="item" data-creator="Artyom" data-date="2015" data-title="Artyom-graduation-work" id="Extra"><a class="work" href="2015-Artyom-16005.html"><img class="work" src="http://pzwiki.wdka.nl/mw-mediadesign/images/thumb/6/6a/Screen_Shot_2014-10-26_at_16.10.08.jpg/500px-Screen_Shot_2014-10-26_at_16.10.08.jpg"></a></div><div class="item" data-creator="Joseph Knierzinger" data-date="2015" data-title="User:Joak/graduation/catalog1" id="Extra"><a class="work" href="2015-Joseph_Knierzinger-15986.html"><img class="work" src="http://pzwiki.wdka.nl/mw-mediadesign/images/1/16/Pointer.gif"></a></div><div class="item" data-creator="Max Dovey" data-date="2015" data-title="User:Max Dovey/maxgradbio" id="Extra"><a class="work" href="2015-Max_Dovey-15999.html"><img class="work" src="http://pzwiki.wdka.nl/mw-mediadesign/images/1/16/Pointer.gif"></a></div><div class="item" data-creator="Lucia Dossin" data-date="2015" data-title="Mina" id="Extra"><a class="work" href="2015-Lucia_Dossin-16025.html"><img class="work" src="http://pzwiki.wdka.nl/mw-mediadesign/images/5/59/3legs.jpg"></a></div><div class="item" data-creator="Luther Blisset" data-date="2015" data-title="Qq" id="Extra"><a class="work" href="2015-Luther_Blisset-15965.html"><img class="work" src="http://pzwiki.wdka.nl/mw-mediadesign/images/thumb/8/85/Luther-blissett-300.jpg/500px-Luther-blissett-300.jpg"></a></div><div class="item" data-creator="Ana Luísa Moura" data-date="2015" data-title="The Aesthetics of Ethics" id="Extra"><a class="work" href="2015-Ana_Lusa_Moura-15982.html"><img class="work" src="http://pzwiki.wdka.nl/mw-mediadesign/images/b/bd/Collage_007_thumbnail.jpg"></a></div><div class="item" data-creator="Henk-Jelle de Groot" data-date="2015" data-title="U ntitled" id="Extra"><a class="work" href="2015-Henk-Jelle_de_Groot-16007.html"><img class="work" src="http://pzwiki.wdka.nl/mw-mediadesign/images/e/e7/9m4MBqRM1w-6.png"></a></div></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="sidebarBorderLeft zwartArea" id="section03">
|
||||||
|
<div class="zwartAreaFull zwartColophon">
|
||||||
|
<!-- <h1 class="highlight"> Master Media Design & Communication</h1> -->
|
||||||
|
<p> The Piet Zwart Institute, Master in Media Design is an intensive project-based research degree that will equip you to create a distinctive voice as an artist/designer in the contemporary media landscape.</p>
|
||||||
|
|
||||||
|
<!-- <p>Digital media can be thought of as a field in which radically different materialities of software, interface and human behaviour are being brought together for the first time. This is often experienced as tensions between computer code and the images that this code generates but does not explain; a tension between abstract symbols and concrete models, between concept and sensation. This course does not try to resolve these tensions but uses them to stimulate new ways to think about how we might live with information today.</p> -->
|
||||||
|
<!-- <h1 class="colophon">Colophon</h1> -->
|
||||||
|
<p class="colophon">
|
||||||
|
<!-- Through a uniquely tailored curriculum combining collective learning, individual tutorials, practice-based research and theoretical enquiry, our courses educate professionals who have a critically reflective, innovative, questioning and imaginative approach to their work. Our graduates go on to not only establish themselves in their field, but also challenge and creatively define the perimeters of their profession. -->
|
||||||
|
<a href="http://www.pzwart.nl/">http://www.pzwart.nl/</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script src="js/jquery-2.1.3.min.js"></script>
|
||||||
|
<script src="js/fixedfixed.js"></script>
|
||||||
|
<script src="js/fixedsticky.js"></script>
|
||||||
|
<script src="js/isotope.pkgd.min.js"></script>
|
||||||
|
<script src="js/imagesloaded.pkgd.min.js"></script>
|
||||||
|
<script src="js/mainScripts.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body></html>
|
||||||
Loading…
Reference in New Issue