pzimediadesign.nl as landing page to XPUB, LB, 2015 gradshow

master
Castro0o 9 years ago
parent 633c47cfd7
commit 3402fb938e

@ -0,0 +1,123 @@
<!DOCTYPE html>
<html>
<head>
<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">
<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" />
<meta name="application-name" content="Master Media Design & Communication - Piet Zwart Institute" />
<!-- for Facebook -->
<meta property="og:title" content="Master Media Design & Communication - Piet Zwart Institute"/>
<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 content="http://pzimediadesign.nl/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">
<link rel="stylesheet" href="fonts/fontstylesheet01.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'>
</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">
<!-- &lt;h1 class="highlight"&gt; Piet Zwart Institute&lt;br&gt; -->
<h1>Master Media Design &amp; Communication</h1>
<h1>Graduation Show 2015: <i>Tempted by Tomorrow</i></h1>
<!-- <h1 class="highlight">3 - 12 July. Hofpoort, Hofplein 20, Rotterdam</h1> -->
<p><em>Tempted by Tomorrow</em>, is the title that has been chosen, after some debate, by the artists and designers in this years PZI Master Media Design and Communication graduation show. In an era where the death of the <em>Future</em>—that brave utopian concept that motivated a good deal of cultural activity across different strata of culture throughout the twentieth century and beyond—has been widely discussed, it is hard not to read the title ironically.</p>
<p>But in the works in this show, that irony is tempered by a muted, but definite, optimism. The range of works in this years PZI MMDC are extremely diverse in terms of their formal approaches and aesthetic pre-occupations, yet when one engages with and reflects on each individual work there is a common strand running through the show: a sense that it is still possible to make things better; however carefully the concepts make, things and above all better might need to be interrogated.</p>
<p>Each project reflects a unique research trajectory over two years, with each artist employing both studio-based practice and sustained critical reflection to create the artworks and research projects you will find in this show: works ranging from 3d-printed modular camera design and associated workshops; through to a union designed to give a voice to those who undertake the new forms of immaterial labour that abound in our culture; to a series of photographic works that seek to extend the notion of gesture in image to include strategies of image search and recombination. Other works in the show loop together languages taken from a range of discourses including pop culture, social media, iconography, sound design, interface design, library studies performance, and archival research. It is this looping together of disparate technologies and codes that forms the common pre-occupations of the research undertaken within the department.</p>
<p>As a department we are enormously proud of the research work of our graduating students. It has been a privilege to travel alongside their very various paths of enquiry. I would like to thank our guest curators Jon Thomson and Alison Craighead, and our regular curator Willie Stehouwer for the contributions they have made to this show.</p>
<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>
</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">
<p class="hightlightSidebar">Graduation Show 2015: Tempted by Tomorrow</p>
<!--p&gt;(Text on Gradshow 2015)&lt;/p-->
<p class="hightlightSidebar">Date: 3 - 12 July. <br />Opening: Fri. 3 July, 7pm. <br />Location: Hofpoort, Hofplein 20, Rotterdam. <br />Preview Party: <i>Tempted by Tomorrow (Nervous About Tonight)</i>: Sat. 20 June, 7pm, <a href="http://v2.nl/">V2_</a></p>
<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>
<a href="works/2015-Junyu_Chen.html">Junyu Chen (CN)</a> <br>
<a href="works/2015-Lucia_Dossin.html">Lucia Dossin (BR)</a> <br>
<a href="works/2015-Max_Dovey.html">Max Dovey (GB)</a> <br>
<a href="works/2015-Henk-Jelle_de_Groot.html">Henk-Jelle de Groot (NL)</a> <br>
<a href="works/2015-Elleke_Hageman.html">Elleke Hageman (NL)</a><br>
<a href="works/2015-Artyom_Kocharyan.html">Artyom Kocharyan (AM, NL)</a><br>
<a href="works/2015-Ldia_Pereira.html">Lída Pereira (PT)</a><br>
<a href="works/2015-Ana_Lusa_Moura.html">Luísa Moura (PT)</a><br>
<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>
<div id="logoWrap">
<img id="logo" src="./img/black_PZI_logo_p.svg"/>
</div>
</div>
<div id="section02" class="zwartArea sidebarBorderLeft zwartAreaWhite">
<div id="filter" class="fixedsticky">
<p>Master Media Design & Communication <a class="closeSidebar"><img src="./img/arrowUp.svg"/></a></p>
</div>
<div class="isotope"> <!-- Maybe sould aslo have have-->
<div class="grid-sizer"></div>
</div>
</div>
<div id="section03" class="sidebarBorderLeft zwartArea">
<div class="zwartAreaFull zwartColophon">
<img class="work" id="promotion" src="img/promotionimage2.png">
<!-- <h1 class="highlight"> Master Media Design & Communication</h1> -->
<p> The Piet Zwart Institute houses the international Master programmes of the Willem de Kooning Academy at Hogeschool Rotterdam. Since 1999 it has been dedicated to promoting study and research in the fields of art, design and art education.</p>
<p class="colophon"><a href="http://www.pzwart.nl/">http://www.pzwart.nl/</a></p>
</div>
</div>
</div>
</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>

@ -0,0 +1,30 @@
# pzimediadesign.nl as landing page
with links to:
* Lensbased Media
* Experimental Publishing
* Graduation Show 2016
## Changes
### to pages & templates
* (static) index "index.html" w/ links is static with links to subdomains and gradshow
* (generated) 2015 gradshow (old index template, but without PZI intro)
```def creat_index``` ```"gradshow-template.html" --> "web/2015.html"```
* ```mv "index-template.html" "gradshow-template.html"```
"gradshow-template.html" remains the same but without intro text about program course.
### Questions
* ? Do Simon & Aymeric wanna maintain the same common text ?
## TO DO
Bring content upwards

@ -94,7 +94,7 @@ def create_page(memberpages, mode):
def create_index(indexdict): def create_index(indexdict):
index_template = open("index-template.html", "r") index_template = open("2015-template.html", "r")
index_tree = html5lib.parse(index_template, namespaceHTMLElements=False) index_tree = html5lib.parse(index_template, namespaceHTMLElements=False)
index_container = index_tree.find(".//div[@class='isotope']") #maybe id is imp index_container = index_tree.find(".//div[@class='isotope']") #maybe id is imp
keys = indexdict.keys() keys = indexdict.keys()
@ -109,7 +109,7 @@ def create_index(indexdict):
thumbnail=indexdict[key]['Thumbnail'] thumbnail=indexdict[key]['Thumbnail']
) )
print '----', indexdict[key]['Title'],indexdict[key]['Path'] print '----', indexdict[key]['Title'],indexdict[key]['Path']
write_html_file(index_tree, 'web/index.html') write_html_file(index_tree, 'web/2015.html')
##### #####

@ -123,10 +123,26 @@ img#promotion{ margin-left: 50px; }
font-family: "texgyreheroscnbold", monospace; font-family: "texgyreheroscnbold", monospace;
} }
.colophon a { p.colophon {5px!important;}
.project p a {
color: white; color: white;
border-bottom: 3px double white;
text-decoration: none;
}
.colophon a {
color: white!important;
text-decoration: none;
border-bottom: 3px solid white;
}
.colophon ul {
color: white!important;
text-decoration: none; text-decoration: none;
border-bottom: 3px solid white; border-bottom: 3px solid white;
} }
#sortArea label{ #sortArea label{

@ -0,0 +1,84 @@
<!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">
<link href="img/PZI_icon.png" rel="icon" type="image/x-icon">
<meta content="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." name="description">
<meta 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" name="keywords">
<meta content="Master Media Design &amp; Communication - Piet Zwart Institute" name="author">
<meta content="Master Media Design &amp; Communication - Piet Zwart Institute" name="application-name">
<!-- for Facebook -->
<meta content="Master Media Design &amp; Communication - Piet Zwart Institute" property="og:title">
<meta content="website" property="og:type">
<meta content="en_US" property="og:locale">
<meta content="Master Media Design &amp; Communication - Piet Zwart Institute" property="og:site_name">
<meta content="http://pzimediadesign.nl/img/promotionimage2.png" property="og:image">
<meta content="http://pzimediadesign.nl/" property="og:url">
<meta content="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." property="og:description">
<title>Master Media Design &amp; 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">
</head>
<body>
<div id="pageWrap">
<div class="" id="zwartIntro">
<div style="min-height: 586px;" class="sidebarBorderLeft zwartArea zwartAreaMobile" id="section00">
</div>
<div style="min-height: 586px;" class="zwartArea zwartAreaText " id="section01">
<div class="zwartAreaFull zwartAreaIntro">
<img id="logoWhite" src="img/white_PZI_logo.svg">
<!-- &amp;lt;h1 class="highlight"&amp;gt; Piet Zwart Institute&amp;lt;br&amp;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>
<div class="project">
<p ><a href="2015.html">Graduation Show 2015</a></p>
<p ><a href="https://lensbased.pzimediadesign.nl/">Lens-Based Media Blog</a></p>
<p ><a href="https://xpub.pzimediadesign.nl/">Experimental Publishing Blog</a></p>
</div>
</div>
</div>
</div>
<div class="sidebarBorder" id="sidebar">
<div style="display: none;" id="sidebarInner">
</div>
<div style="margin-top: 156px;" id="logoWrap">
<img id="logo" src="./img/black_PZI_logo_p.svg">
</div>
</div>
<div style="min-height: 586px;" class="sidebarBorderLeft zwartArea" id="section03">
<div class="zwartAreaFull zwartColophon">
<!-- &lt;h1 class="highlight"&gt; Master Media Design &amp; Communication&lt;/h1&gt; -->
<p> The Piet Zwart Institute houses the international Master programmes of the Willem de Kooning Academy at Hogeschool Rotterdam. Since 1999 it has been dedicated to promoting study and research in the fields of art, design and art education.</p>
<p class="colophon"><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…
Cancel
Save