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

index templates for each year

Browse Source
master
Castro0o 7 years ago
parent 49854de250
commit bdd41cb96b
3 changed files with 134 additions and 170 deletions
Show Stats Download Patch File Download Diff File

131
index-template-2015.html
Unescape Escape View File

@ -0,0 +1,131 @@
<!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>Tempted by Tomorrow</title>
<link href="css/style.css" rel="stylesheet">
<link href="fonts/fontstylesheet01.css" rel="stylesheet">
<link href="css/fixedsticky.css" rel="stylesheet">
</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>Graduation Show 2015: <i>Tempted by Tomorrow</i></h1>
<!-- &lt;h1 class="highlight"&gt;3 - 12 July. Hofpoort, Hofplein 20, Rotterdam&lt;/h1&gt; -->
<p><em>Tempted by Tomorrow</em>, is the title that has been chosen, after some debate, by the artists and designers in this year’s 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 year’s 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>
<!-- &lt;h1 class="highlight"&gt;Sat. 20 June, 7pm, V2_&lt;/h1&gt; -->
<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>
<img src="img/promotionimage2.png" />
<!-- ADD LOCATION -->
</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&amp;gt;(Text on Gradshow 2015)&amp;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>
Mihail Bakalov (BG) <br>
Caetano Carvalho (BR) <br>
Junyu Chen (CN) <br>
Lucia Dossin (BR) <br>
Max Dovey (GB) <br>
Henk-Jelle de Groot (NL) <br>
Elleke Hageman (NL)<br>
Artyom Kocharyan (AM, NL)<br>
Lída Pereira (PT)<br>
Luísa Moura (PT)<br>
Nikos Voyiatzis (GR)<br>
Joseph Knierzinger (AT)<br>
Mathijs van Oosterhoudt (NL)</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>Tempted by Tomorrow: Media Design and Communication MA 2015 Graduation Show <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">
<!-- &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>
</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>

4
mmdc_wiki2web.py
Unescape Escape View File

@ -13,7 +13,9 @@ from random import shuffle
# * each year has its own html template in YYYY-template.html # * each year has its own html template in YYYY-template.html
# * the --category provides the year. I.e. 2017 # * the --category provides the year. I.e. 2017
# * year does not need to be indicated in arguments # * year does not need to be indicated in arguments
# #
# * work page generation uses: work-YYYY-template.html
#
# #
################ ################

169
web/2015.html
Unescape Escape View File

@ -1,169 +0,0 @@
<!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="Fuzzy Logic: the 2016 Graduation Show - Piet Zwart Institute" name="author">
<meta content="Fuzzy Logic: the 2016 Graduation Show - Piet Zwart Institute" name="application-name">
<!-- for Facebook -->
<meta content="Fuzzy Logic: the 2016 Graduation Show - Piet Zwart Institute" property="og:title">
<meta content="website" property="og:type">
<meta content="en_US" property="og:locale">
<meta content="Fuzzy Logic: the 2016 Graduation Show - 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>Fuzzy Logic</title>
<link href="css/style.css" rel="stylesheet">
<link href="fonts/fontstylesheet01.css" rel="stylesheet">
<link href="css/fixedsticky.css" rel="stylesheet">
</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">
<!-- &amp;lt;h1 class="highlight"&amp;gt; Piet Zwart Institute&amp;lt;br&amp;gt; -->
<!-- &lt;h1&gt;Master Media Design &amp;amp; Communication&lt;/h1&gt; -->
<!-- &lt;p&gt;The Master in Media Design &amp;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. &lt;/p&gt; -->
<img src="http://pzwiki.wdka.nl/mw-mediadesign/images/9/98/Fuzzylogic.png">
<h1>Graduation Show 2016: <i>Fuzzy Logic</i></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 &amp; 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>
This year's show is entitled Fuzzy Logic: it features work by Lucas Battich [AR],
Manetta Berends [NL], Julie Boschat Thorez [FR], Cihad Caner [TR], Joana Chicau [PT], Cristina Cochior [RO], Solange Frankort [NL], Arantxa Gonlag [NL], Anne Lamb [US], Benjamin Li [NL], Yuzhen Tang [CN], Ruben van de Ven [NL] and Thomas Walskaar [NO]</p>
<!-- ADD LOCATION -->
</div>
</div>
</div>
<div class="sidebarBorder" id="sidebar">
<div id="sidebarInner">
<div id="sideBarDesc">
<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&amp;gt;(Text on Gradshow 2015)&amp;lt;/p-->
<!-- &lt;a&gt; &lt;a href="works/2015-Mihail_Bakalov.html"&gt;Mihail Bakalov (BG)&lt;/a&gt; &lt;br&gt; -->
<!-- &lt;a href="works/2015-ehCaetano.html"&gt;Caetano Carvalho (BR)&lt;/a&gt; &lt;br&gt; -->
<!-- &lt;a href="works/2015-Junyu_Chen.html"&gt;Junyu Chen (CN)&lt;/a&gt; &lt;br&gt; -->
<!-- &lt;a href="works/2015-Lucia_Dossin.html"&gt;Lucia Dossin (BR)&lt;/a&gt; &lt;br&gt; -->
<!-- &lt;a href="works/2015-Max_Dovey.html"&gt;Max Dovey (GB)&lt;/a&gt; &lt;br&gt; -->
<!-- &lt;a href="works/2015-Henk-Jelle_de_Groot.html"&gt;Henk-Jelle de Groot (NL)&lt;/a&gt; &lt;br&gt; -->
<!-- &lt;a href="works/2015-Elleke_Hageman.html"&gt;Elleke Hageman (NL)&lt;/a&gt;&lt;br&gt; -->
<!-- &lt;a href="works/2015-Artyom_Kocharyan.html"&gt;Artyom Kocharyan (AM, NL)&lt;/a&gt;&lt;br&gt; -->
<!-- &lt;a href="works/2015-Ldia_Pereira.html"&gt;Lída Pereira (PT)&lt;/a&gt;&lt;br&gt; -->
<!-- &lt;a href="works/2015-Ana_Lusa_Moura.html"&gt;Luísa Moura (PT)&lt;/a&gt;&lt;br&gt; -->
<!-- &lt;a href="works/2015-Nikos_Voyiatzis.html"&gt;Nikos Voyiatzis (GR)&lt;/a&gt;&lt;br&gt; -->
<!-- &lt;a href="works/2015-Joseph_Knierzinger.html"&gt;Joseph Knierzinger (AT)&lt;/a&gt;&lt;br&gt; -->
<!-- &lt;a href="works/2015-Mathijs_van_Oosterhoudt.html"&gt;Mathijs van Oosterhoudt (NL)&lt;/a&gt; -->
</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>Fuzzy Logic: Media Design and Communication MA 2016 Graduation Show <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 class="item" data-creator="Lídia Pereira" data-date="2015" data-title="Immaterial Labour Union" id="Immaterial Labour Union"><a class="work" href="works/2015-Ldia_Pereira.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/5/5e/Lidiacatalogthumbnail.png"></a></div><div class="item" data-creator="Lucia Dossin" data-date="2015" data-title="Cassandra" id="Cassandra"><a class="work" href="works/2015-Lucia_Dossin.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/5/55/Cassandra-thumbnail.png"></a></div><div class="item" data-creator="ehCaetano" data-date="2015" data-title="Free WiFi" id="Free WiFi"><a class="work" href="works/2015-ehCaetano.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/e/e8/Banner_wiki.gif"></a></div><div class="item" data-creator="Joseph Knierzinger" data-date="2015" data-title="RRTRN" id="RRTRN"><a class="work" href="works/2015-Joseph_Knierzinger.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/9/95/Rrtrn.jpg"></a></div><div class="item" data-creator="Artyom Kocharyan" data-date="2015" data-title="Unintended Images" id="Unintended Images"><a class="work" href="works/2015-Artyom_Kocharyan.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/b/b2/Vietnam-3.jpg"></a></div><div class="item" data-creator="Max Dovey" data-date="2015" data-title="How To Be More Or Less Human" id="How To Be More Or Less Human"><a class="work" href="works/2015-Max_Dovey.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/6/61/Howtobemoreorless_thumbnail.jpg"></a></div><div class="item" data-creator="Henk-Jelle de Groot" data-date="2015" data-title="Zero = 0dB" id="Zero = 0dB"><a class="work" href="works/2015-Henk-Jelle_de_Groot.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/e/ec/Docu4-3.jpg"></a></div><div class="item" data-creator="Nikos Voyiatzis" data-date="2015" data-title="Finity of lists" id="Finity of lists"><a class="work" href="works/2015-Nikos_Voyiatzis.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/5/56/Nnnnnnnn.png"></a></div><div class="item" data-creator="Mihail Bakalov" data-date="2015" data-title="Platform" id="Platform"><a class="work" href="works/2015-Mihail_Bakalov.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/c/c9/PlatformScreenShot.png"></a></div><div class="item" data-creator="Ana Luísa Moura" data-date="2015" data-title="The Aesthetics of Ethics" id="The Aesthetics of Ethics"><a class="work" href="works/2015-Ana_Lusa_Moura.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/8/8d/LMoura_GP_01.jpg"></a></div><div class="item" data-creator="Junyu Chen" data-date="2015" data-title="A Unique Line" id="A Unique Line"><a class="work" href="works/2015-Junyu_Chen.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/c/c0/Line_copy.jpg"></a></div><div class="item" data-creator="Elleke Hageman" data-date="2015" data-title="SUPERNOVA" id="SUPERNOVA"><a class="work" href="works/2015-Elleke_Hageman.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/0/08/Thumbsuper.jpg"></a></div><div class="item" data-creator="Mathijs van Oosterhoudt" data-date="2015" data-title="The Focal Camera" id="The Focal Camera"><a class="work" href="works/2015-Mathijs_van_Oosterhoudt.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/6/6e/TheFocalCamera_Promo4_SMALL_4x3.jpg"></a></div></div>
</div>
<div class="sidebarBorderLeft zwartArea" id="section03">
<div class="zwartAreaFull zwartColophon">
<p>
The exhibition is divided across two locations, within a 5 minute walk from each other:<br>
- <a href="http://v2.nl/">V2_ Institute For The Unstable Media</a>, Eendrachtsstraat 10, 3012 XL, Rotterdam <br>
- <a href="http://pzwart.nl/">Piet Zwart Institute</a>, Mauritsstraat 36, 3012 CJ, Rotterdam
</p>
<p>The Opening Event will be on Friday, 17 June:<br>
- 19:00–20:30 at <a href="http://v2.nl/">V2_</a><br>
- 21:00 – 22:30 at the <a href="http://pzwart.nl/">Piet Zwart Institute</a><br>
continuing until Sunday, 26 June, open in both venues Tuesday - Sunday: 12:00 - 17:00
</p>
<br>
<h1>Piet Zwart Institute</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><a href="http://www.pzwart.nl/">http://www.pzwart.nl/</a></p>
<br>
<h1>Master Media Design &amp; Communication</h1>
<p>The Piet Zwart Institute Master Media Design &amp; Communication is a
research orientated master programme, with a strong emphasis on the
connection between practice and theory. The course focused on
practice-led research through project-based work will equip you to
create a distinctive voice as an artist/designer in the contemporary
media landscape.</p>
<p>The course is a two-year, full-time, international, English-language
study programme. It comprises six study trimesters. The first three
include thematic seminars, technical sessions and a reading, writing and
research methodologies seminar to support your developing research path.
The last three are focused on your individual graduation project with
tailored tutorial support.</p>
<p>This academic year we are establishing two new specialist study paths to
allow students to intensively engage with a particular aspect of the
contemporary media landscape: lens-based and experimental publishing.</p>
<div class="project">
<p><a href="http://www.pzwart.nl/">Master Media Design &amp; Communication</a></p>
<p><a href="https://xpub.pzimediadesign.nl/">Experimental Publishing Blog</a></p>
<p><a href="2015.html">Graduation Projects 2015</a></p>
</div>
<hr>
<p>Piet Zwart Institute Master Media Design and Communication, Willem de Kooning Academy<br> Rotterdam University of Applied Sciences
</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>
Write Preview
Loading…
Cancel
Save