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

work page generation using: work-YYYY-template.html; Year parameter removed

Browse Source
master
Castro0o 7 years ago
parent ad224c15c9
commit 49854de250
9 changed files with 121 additions and 266 deletions
Show Stats Download Patch File Download Diff File

122
2015-template.html
Unescape Escape View File

@ -1,122 +0,0 @@
<!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">
</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 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>
<!-- <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>

2
mmdc_modules.py
Unescape Escape View File

@ -26,8 +26,6 @@ def mw_cats(site, args): #returns pages member of args(categories)
pages = [] pages = []
last_names = None last_names = None
# cats = site.Categories[args.category]#category, 'Graduation_work'] # cats = site.Categories[args.category]#category, 'Graduation_work']
years = range(2015, int(args.category[0])+1 )
print 'years:', years
for category in years:#args.category: for category in years:#args.category:
print 'cat:', category print 'cat:', category
cat = site.Categories[category]#, 'Graduation_work'] cat = site.Categories[category]#, 'Graduation_work']

79
mmdc_wiki2web.py
Unescape Escape View File

@ -6,6 +6,9 @@ import html5lib, urllib, pprint
from mmdc_modules import pandoc2html, parse_work, write_html_file, mw_cats, mw_page_imgsurl, mw_img_url, mw_page_text, mwsite, mw_page_cats, mw_page, remove_cats, find_authors, replace_video, replace_img_a_tag, index_addwork, years from mmdc_modules import pandoc2html, parse_work, write_html_file, mw_cats, mw_page_imgsurl, mw_img_url, mw_page_text, mwsite, mw_page_cats, mw_page, remove_cats, find_authors, replace_video, replace_img_a_tag, index_addwork, years
from argparse import ArgumentParser from argparse import ArgumentParser
from random import shuffle from random import shuffle
###### REQUIRES #####
# * webserver: to server web/ folder
#
### WORKINGS #### ### WORKINGS ####
# * 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
@ -17,9 +20,12 @@ from random import shuffle
### TO DO ###### ### TO DO ######
# #
# Issues @current commit # Issues @current commit
# * 2015 template is not present # * index pages templates
# * purge year setting # *
# #
# create_page(memberpages, 'preview') : use work_yyyy_templates rather than args.category ['year']
# * change index templates
#
######### #########
##### #####
@ -28,26 +34,25 @@ from random import shuffle
p = ArgumentParser() p = ArgumentParser()
p.add_argument("--host", default="pzwiki.wdka.nl") p.add_argument("--host", default="pzwiki.wdka.nl")
p.add_argument("--path", default="/mw-mediadesign/", help="nb: should end with /") p.add_argument("--path", default="/mw-mediadesign/", help="nb: should end with /")
p.add_argument("--category", "-c", nargs="*", default=["2017"], help="category to query, use -c foo bar to intersect multiple categories") p.add_argument("--category", "-c", nargs="*", help="category to query, use -c foo bar to intersect multiple categories")
p.add_argument("--preview", help='Preview page. Will override category querying. Use: --page "Name Of Wiki Page"') p.add_argument("--preview", help='Preview page. Will override category querying. Use: --page "Name Of Wiki Page"')
args = p.parse_args() args = p.parse_args()
print 'args', args print 'args', args
for i in args.category: # for i in args.category:
if '20' in i: # if '20' in i:
global year # global year
year = i # year = i
print year # print year
###### ######
# DEFS: create_page create_index # DEFS: create_pages create_index
###### ######
def create_page(memberpages, mode): def create_pages(memberpages, mode):
page_template = open("./{}-template.html".format(year), "r") # a template for each year
indexdict = {} #parent dict: contains articledict instances indexdict = {} #parent dict: contains articledict instances
for member in memberpages: for member in memberpages:
print member print member
@ -67,6 +72,8 @@ def create_page(memberpages, mode):
articledict['Imgs'] = mw_page_imgsurl(site, page, articledict['Thumbnail'] ) articledict['Imgs'] = mw_page_imgsurl(site, page, articledict['Thumbnail'] )
#pprint.pprint( articledict) #pprint.pprint( articledict)
year = articledict['Date']
page_template = open("./work-{}-template.html".format(year), "r") # a template for each year
page_tree = html5lib.parse(page_template, namespaceHTMLElements=False) page_tree = html5lib.parse(page_template, namespaceHTMLElements=False)
page_title = page_tree.find('.//title') page_title = page_tree.find('.//title')
page_title.text=articledict['Title']#.decode('utf-8') page_title.text=articledict['Title']#.decode('utf-8')
@ -175,37 +182,29 @@ def create_index(indexdict, year):
# ACTION # ACTION
##### #####
site = mwsite(args.host, args.path) site = mwsite(args.host, args.path)
if args.preview is not None:
print "** Page Preview Mode**"
memberpages = [(args.preview).decode('utf-8')]
print 'memberpages:', memberpages
create_page(memberpages, 'preview')
else:
# print "** New Index Mode **" # print "** New Index Mode **"
memberpages=mw_cats(site, args) memberpages=mw_cats(site, args)
# print '\n\nmemberpages:\n\n', memberpages, '\n\n********\n\n' # memberpages include years, from current to 2015 # print '\n\nmemberpages:\n\n', memberpages, '\n\n********\n\n' # memberpages include years, from current to 2015
indexdict = create_page(memberpages, 'index') indexdict = create_pages(memberpages, 'index')
# indexdict[u'A Unique Line']['Date'] # indexdict[u'A Unique Line']['Date']
# rather than interveening in the create_index or create_page # rather than interveening in the create_index or create_pages
# I will place create_index in a loop # I will place create_index in a loop
# with sublist of idexdict for each year # with sublist of idexdict for each year
indexdict_byyear={year:{} for year in years }
# indexdict_byyear structure:
# {year1:{ work1: {work1 prop:vals}, work2: {...} }, year2:..., year3: }
# {2015: {u'A Unique Line': {'Bio': u'<p>Jun
for key in indexdict.keys(): # populate indexdict_byyear with works
indexdict_byyear[ int(indexdict[key]['Date'])][key] = indexdict[key]
print '\n\n******* indexdict_byyear ***********\n\n'
pprint.pprint( indexdict_byyear )
for year in indexdict_byyear.keys(): # create index page for each year ie 2016.html indexdict_byyear={year:{} for year in years }
print '\n***** ', year, ' *****\n' # indexdict_byyear structure:
create_index(indexdict_byyear[year], year) # {year1:{ work1: {work1 prop:vals}, work2: {...} }, year2:..., year3: }
# {2015: {u'A Unique Line': {'Bio': u'<p>Jun
for key in indexdict.keys(): # populate indexdict_byyear with works
indexdict_byyear[ int(indexdict[key]['Date'])][key] = indexdict[key]
print '\n\n******* indexdict_byyear ***********\n\n'
pprint.pprint( indexdict_byyear )
for year in indexdict_byyear.keys(): # create index page for each year ie 2016.html
print '\n***** ', year, ' *****\n'
create_index(indexdict_byyear[year], year)
# print '\n\n******* indexdict ***********\n\n' # print '\n\n******* indexdict ***********\n\n'
# pprint.pprint(indexdict) # pprint.pprint(indexdict)

2
web/2015.html
Unescape Escape View File

@ -104,7 +104,7 @@
<div class="isotope"> <!-- Maybe sould aslo have have--> <div class="isotope"> <!-- Maybe sould aslo have have-->
<div class="grid-sizer"></div> <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/2017-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/2017-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/2017-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/2017-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/2017-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/2017-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/2017-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/2017-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/2017-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/2017-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/2017-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/2017-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/2017-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 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>
<div class="sidebarBorderLeft zwartArea" id="section03"> <div class="sidebarBorderLeft zwartArea" id="section03">
<div class="zwartAreaFull zwartColophon"> <div class="zwartAreaFull zwartColophon">

2
web/2016.html
Unescape Escape View File

@ -104,7 +104,7 @@
<div class="isotope"> <!-- Maybe sould aslo have have--> <div class="isotope"> <!-- Maybe sould aslo have have-->
<div class="grid-sizer"></div> <div class="grid-sizer"></div>
<div class="item" data-creator="Ruben van de Ven" data-date="2016" data-title="Choose how you feel; you have seven options" id="Choose how you feel; you have seven options"><a class="work" href="works/2017-Ruben_van_de_Ven.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/3/37/Choosehowyoufeel1.jpg"></a></div><div class="item" data-creator="Joana Chicau" data-date="2016" data-title="WebPage Act l, ll, lll" id="WebPage Act l, ll, lll"><a class="work" href="works/2017-Joana_Chicau.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/4/4b/JoanaChicau_pic.jpg"></a></div><div class="item" data-creator="Arantxa Gonlag" data-date="2016" data-title="Mama, Tess en ik" id="Mama, Tess en ik"><a class="work" href="works/2017-Arantxa_Gonlag.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/0/0a/Arantxa_voorbeeld.jpg"></a></div><div class="item" data-creator="Julie Boschat Thorez" data-date="2016" data-title="LIAPO" id="LIAPO"><a class="work" href="works/2017-Julie_Boschat_Thorez.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/9/94/Liapo.jpg"></a></div><div class="item" data-creator="Thomas Walskaar" data-date="2016" data-title="My Hard-Drive Died Along With My Heart" id="My Hard-Drive Died Along With My Heart"><a class="work" href="works/2017-Thomas_Walskaar.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/2/23/Myharddrivefront02.jpg"></a></div><div class="item" data-creator="Yuzhen Tang" data-date="2016" data-title="For the Common Good" id="For the Common Good"><a class="work" href="works/2017-Yuzhen_Tang.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/1/18/For_the_common_good_03_Yuzhen.jpg"></a></div><div class="item" data-creator="Benjamin Li" data-date="2016" data-title="In Search of Perfect Orange" id="In Search of Perfect Orange"><a class="work" href="works/2017-Benjamin_Li.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/8/89/Still_video.jpg"></a></div><div class="item" data-creator="Anne Lamb" data-date="2016" data-title="Surrogates" id="Surrogates"><a class="work" href="works/2017-Anne_Lamb.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/4/47/Tumblr_o3y14fvGV11shzr3fo1_1280.jpg"></a></div><div class="item" data-creator="Solange Frankort" data-date="2016" data-title="The Limejuice Mystery" id="The Limejuice Mystery"><a class="work" href="works/2017-Solange_Frankort.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/0/04/LimeJuiceMystery.gif"></a></div><div class="item" data-creator="Cihad Caner" data-date="2016" data-title="Abstract Violence" id="Abstract Violence"><a class="work" href="works/2017-Cihad_Caner.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/2/2e/Rrr.jpg"></a></div><div class="item" data-creator="Manetta Berends" data-date="2016" data-title="I-could-have-written-that" id="I-could-have-written-that"><a class="work" href="works/2017-Manetta_Berends.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/a/a3/I-could-have-written-that_these-are-the-words_mb_300dpi.png"></a></div><div class="item" data-creator="Lucas Battich" data-date="2016" data-title="Progressive movement towards concrete creation" id="Progressive movement towards concrete creation"><a class="work" href="works/2017-Lucas_Battich.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/2/20/Progressive_movement_towards_concrete_creation.jpg"></a></div><div class="item" data-creator="Cristina Lavinia Cochior" data-date="2016" data-title="In The Company Of Bots" id="In The Company Of Bots"><a class="work" href="works/2017-Cristina_Lavinia_Cochior.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/2/2f/ChenzwBot.png"></a></div></div> <div class="item" data-creator="Ruben van de Ven" data-date="2016" data-title="Choose how you feel; you have seven options" id="Choose how you feel; you have seven options"><a class="work" href="works/2016-Ruben_van_de_Ven.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/3/37/Choosehowyoufeel1.jpg"></a></div><div class="item" data-creator="Joana Chicau" data-date="2016" data-title="WebPage Act l, ll, lll" id="WebPage Act l, ll, lll"><a class="work" href="works/2016-Joana_Chicau.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/4/4b/JoanaChicau_pic.jpg"></a></div><div class="item" data-creator="Arantxa Gonlag" data-date="2016" data-title="Mama, Tess en ik" id="Mama, Tess en ik"><a class="work" href="works/2016-Arantxa_Gonlag.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/0/0a/Arantxa_voorbeeld.jpg"></a></div><div class="item" data-creator="Julie Boschat Thorez" data-date="2016" data-title="LIAPO" id="LIAPO"><a class="work" href="works/2016-Julie_Boschat_Thorez.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/9/94/Liapo.jpg"></a></div><div class="item" data-creator="Thomas Walskaar" data-date="2016" data-title="My Hard-Drive Died Along With My Heart" id="My Hard-Drive Died Along With My Heart"><a class="work" href="works/2016-Thomas_Walskaar.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/2/23/Myharddrivefront02.jpg"></a></div><div class="item" data-creator="Yuzhen Tang" data-date="2016" data-title="For the Common Good" id="For the Common Good"><a class="work" href="works/2016-Yuzhen_Tang.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/1/18/For_the_common_good_03_Yuzhen.jpg"></a></div><div class="item" data-creator="Benjamin Li" data-date="2016" data-title="In Search of Perfect Orange" id="In Search of Perfect Orange"><a class="work" href="works/2016-Benjamin_Li.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/8/89/Still_video.jpg"></a></div><div class="item" data-creator="Anne Lamb" data-date="2016" data-title="Surrogates" id="Surrogates"><a class="work" href="works/2016-Anne_Lamb.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/4/47/Tumblr_o3y14fvGV11shzr3fo1_1280.jpg"></a></div><div class="item" data-creator="Solange Frankort" data-date="2016" data-title="The Limejuice Mystery" id="The Limejuice Mystery"><a class="work" href="works/2016-Solange_Frankort.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/0/04/LimeJuiceMystery.gif"></a></div><div class="item" data-creator="Cihad Caner" data-date="2016" data-title="Abstract Violence" id="Abstract Violence"><a class="work" href="works/2016-Cihad_Caner.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/2/2e/Rrr.jpg"></a></div><div class="item" data-creator="Manetta Berends" data-date="2016" data-title="I-could-have-written-that" id="I-could-have-written-that"><a class="work" href="works/2016-Manetta_Berends.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/a/a3/I-could-have-written-that_these-are-the-words_mb_300dpi.png"></a></div><div class="item" data-creator="Lucas Battich" data-date="2016" data-title="Progressive movement towards concrete creation" id="Progressive movement towards concrete creation"><a class="work" href="works/2016-Lucas_Battich.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/2/20/Progressive_movement_towards_concrete_creation.jpg"></a></div><div class="item" data-creator="Cristina Lavinia Cochior" data-date="2016" data-title="In The Company Of Bots" id="In The Company Of Bots"><a class="work" href="works/2016-Cristina_Lavinia_Cochior.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/2/2f/ChenzwBot.png"></a></div></div>
</div> </div>
<div class="sidebarBorderLeft zwartArea" id="section03"> <div class="sidebarBorderLeft zwartArea" id="section03">
<div class="zwartAreaFull zwartColophon"> <div class="zwartAreaFull zwartColophon">

96
web/index_edited.html
Unescape Escape View File

@ -1,96 +0,0 @@
<!DOCTYPE HTML><html><head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
<title>Media Design &amp; Communication - Piet Zwart Institute</title>
<link href="css/style.css" rel="stylesheet">
<link href="./fonts/fontstylesheet01.css" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Vollkorn" rel="stylesheet" type="text/css">
</head>
<body>
<div id="zwartIntro">
<div class="zwartArea" id="section00">
</div>
<div class="zwartArea zwartAreaText" id="section01">
<div class="zwartAreaFull">
<h1>Media Design &amp; Communication - Piet Zwart Institute</h1>
<h1 class="highlight">Graduation 2012</h1>
</div>
</div>
</div>
<div id="filter">
<div class="themes" id="sortArea">
<label><input class="video" name="video" type="checkbox" value=".video"><p>Video</p></label>
<label><input class="flash" name="flash" type="checkbox" value=".flash"><p>Flash</p></label>
<label><input class="narrative" name="narrative" type="checkbox" value=".narrative"><p>Narrative</p></label>
</div>
</div>
<div id="sidebar">
<img id="logo" src="./img/black_PZI_logo_p.svg">
<div id="sideBarDesc">
<div class="" id="sideBarDescInfo"><p>Graduation 2015</p><p></p></div>
</div>
</div>
<!-- &lt;h1&gt;Isotope - cellsByRow, element sizing&lt;/h1&gt; -->
<div class="zwartArea zwartAreaWhite" id="section02">
<!-- &lt;div class="isotope"&gt;&lt;/div&gt; -->
<!-- WORKS DIV WILL BE ADDED HERE -->
<div class="item" id="15986">
<a class="work" href="#">
<img class="work" src="http://pzwiki.wdka.nl/mw-mediadesign/images/1/16/Pointer.gif">
</a>
<div class="work">
<p class="work">User:Joak/graduation/catalog1</p>
<p class="work">Joseph Knierzinger</p>
<p class="work">2015</p>
</div>
</div>
<div class="item" id="15999">
<a class="work" href="#">
<img class="work" src="http://pzwiki.wdka.nl/mw-mediadesign/images/1/16/Pointer.gif">
</a>
<div class="work">
<p class="work">User:Max Dovey/maxgradbio</p>
<p class="work">Max Dovey</p>
<p class="work">2015</p>
</div>
</div>
<div class="item" id="15974">
<a class="work" href="#">
<img class="work" src="http://pzwiki.wdka.nl/mw-mediadesign/images/thumb/a/af/22xxxxx.jpg/500px-22xxxxx.jpg">
</a>
<div class="work">
<p class="work">Ahhhh</p>
<p class="work">JOK</p>
<p class="work">2015</p>
</div>
</div>
<div class="item" id="15982">
<a class="work" href="#">
<img class="work" src="http://pzwiki.wdka.nl/mw-mediadesign/images/b/bd/Collage_007_thumbnail.jpg">
</a>
<div class="work">
<p class="work">The Aesthetics of Ethics</p>
<p class="work">Ana Luísa Moura</p>
<p class="work">2015</p>
</div>
</div>
<div class="item" id="15965">
<a class="work" href="#">
<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 class="work">
<p class="work">Qq</p>
<p class="work">Luther Blisset</p>
<p class="work">2015</p>
</div>
</div>
</div>
<!-- &lt;script src="./js/jquery-2.1.3.min.js"&gt;&lt;/script&gt; -->
<!-- &lt;script src="./js/isotope.pkgd.min.js"&gt;&lt;/script&gt; -->
<!-- &lt;script src="./js/imagesloaded.pkgd.min.js"&gt;&lt;/script&gt; -->
<!-- &lt;script src="./js/mainScripts.js"&gt;&lt;/script&gt; -->
</body></html>

76
work-2015-template.html
Unescape Escape View File

@ -0,0 +1,76 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
<title></title>
<link href="../css/style.css" rel="stylesheet">
<link href="../css/style_projectpage.css" rel="stylesheet">
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
<link href="../css/fixedsticky.css" rel="stylesheet">
</head>
<body>
<div id="pageWrap">
<div id="sidebar">
<div id="sidebarInner">
<div id="sideBarDesc">
<div id="sideBarDescInfo">
<a href="javascript:history.back()" class="hoverBackA"><img class="template" src="../img/arrowBack.svg"></a><p>Tempted by Tomorrow</p>
</div>
<div id="sideBarDescInner">
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
<h2 id="creator"></h2>
<p id="title"></p><!--{title} {date} -->
<!-- moved up description -->
<div id="description"></div>
<div id="bio"></div>
<p class="hightlightSidebar"><a href="#" target="_blank"></a></p><!-- {website} -->
<!-- // -->
</div>
</div>
</div>
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
</div>
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
<div class="fixedsticky" id="filter" style="top:0;">
<div class="themes" id="sortArea">
<a href="javascript:history.back()" class="hoverBackB">
<img class="template" src="../img/arrowBack.svg">
</a>
<p></p><!--{title}-->
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"/></a>
</div>
</div>
<!-- extra -->
<div id="extra" class="project">
<img id="thumbnail" src="" />
</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/mainScripts_single.js'></script>
</body>
</html>

4
2016-template.html → work-2016-template.html
Unescape Escape View File

@ -17,7 +17,7 @@
<div id="sidebarInner"> <div id="sidebarInner">
<div id="sideBarDesc"> <div id="sideBarDesc">
<div id="sideBarDescInfo"> <div id="sideBarDescInfo">
<a href="../2016.html" class="hoverBackA"><img class="template" src="../img/arrowBack.svg"></a><p>Fuzzy Logic</p> <a href="javascript:history.back()" class="hoverBackA"><img class="template" src="../img/arrowBack.svg"></a><p>Fuzzy Logic</p>
</div> </div>
<div id="sideBarDescInner"> <div id="sideBarDescInner">
@ -48,7 +48,7 @@
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02"> <div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
<div class="fixedsticky" id="filter" style="top:0;"> <div class="fixedsticky" id="filter" style="top:0;">
<div class="themes" id="sortArea"> <div class="themes" id="sortArea">
<a href="../index.html" class="hoverBackB"> <a href="javascript:history.back()" class="hoverBackB">
<img class="template" src="../img/arrowBack.svg"> <img class="template" src="../img/arrowBack.svg">
</a> </a>
<p></p><!--{title}--> <p></p><!--{title}-->

4
2017-template.html → work-2017-template.html
Unescape Escape View File

@ -17,7 +17,7 @@
<div id="sidebarInner"> <div id="sidebarInner">
<div id="sideBarDesc"> <div id="sideBarDesc">
<div id="sideBarDescInfo"> <div id="sideBarDescInfo">
<a href="../index.html" class="hoverBackA"><img class="template" src="../img/arrowBack.svg"></a><p><!--TITLE--></p> <a href="javascript:history.back()" class="hoverBackA"><img class="template" src="../img/arrowBack.svg"></a><p><!--TITLE--></p>
</div> </div>
<div id="sideBarDescInner"> <div id="sideBarDescInner">
@ -48,7 +48,7 @@
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02"> <div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
<div class="fixedsticky" id="filter" style="top:0;"> <div class="fixedsticky" id="filter" style="top:0;">
<div class="themes" id="sortArea"> <div class="themes" id="sortArea">
<a href="../index.html" class="hoverBackB"> <a href="javascript:history.back()" class="hoverBackB">
<img class="template" src="../img/arrowBack.svg"> <img class="template" src="../img/arrowBack.svg">
</a> </a>
<p></p><!--{title}--> <p></p><!--{title}-->
Write Preview
Loading…
Cancel
Save