index creation

master
Castro0o 10 years ago
parent edd0b5f53f
commit 2153905ec6

@ -12,11 +12,8 @@ endpoint = "http://pzwiki.wdka.nl/mw-mediadesign/api.php?format=json&"
# API MODULES # API MODULES
def api_request(action, pagename): #get page: content, metadata, images, imageifnp def api_request(action, pagename): #get page: content, metadata, images, imageifnp
print 'API REQUEST'
print pagename
print 'TEST', action.format(pagename)
url = endpoint + (action.format(pagename)) url = endpoint + (action.format(pagename))
print 'API REQUEST', url # print 'API REQUEST', url
request = urllib2.urlopen(url) request = urllib2.urlopen(url)
jsonp = json.loads(request.read() ) jsonp = json.loads(request.read() )
json_dic= (jsonp.get('query').get('pages')) json_dic= (jsonp.get('query').get('pages'))
@ -76,24 +73,6 @@ def api_pagesincategories(category, year):
else: else:
intersectCatMembers = graduation_work_members intersectCatMembers = graduation_work_members
return intersectCatMembers return intersectCatMembers
# for page in intersectCatMembers:
# title = ((page['title']).encode('utf-8') ).replace(" ", "_") #snakecase for page titles
# pageid = page['pageid']
# article = api_page(pageid, 'content')
# # print title
# # pprint.pprint(article)
# work = parse_work_page(title, article)
# if work:
# allworks[pageid] = work #dictionary(allworks) entry
# print pprint.pprint( work )
# # Create work page
# else:
# print 'WORK DOES NOT CONTAIN REQUIRED CONTENT'
# print '-------------'
# print
def api_file_url(filename): # get full urls def api_file_url(filename): # get full urls
page_content_dict = api_page(filename, 'file') page_content_dict = api_page(filename, 'file')
@ -104,16 +83,10 @@ def api_file_url(filename): # get full urls
return None return None
def api_thumb_url(filename): def api_thumb_url(filename):
print '''get thumbnail url of image'''
thumburl = api_page(filename, 'imageinfo') thumburl = api_page(filename, 'imageinfo')
thumburl = ((thumburl.get('imageinfo'))[0].get('thumburl')) thumburl = ((thumburl.get('imageinfo'))[0].get('thumburl'))
print thumburl
return thumburl return thumburl
# http://pzwiki.wdka.nl/mw-mediadesign/api.php?format=json&action=query&titles=File:2x2 905.jpg&prop=imageinfo&iiprop=url&iiurlwidth=300
# http://pzwiki.wdka.nl/mw-mediadesign/api.php?format=json&action=query&pageids=10603&prop=revisions&rvprop=content
# http://pzwiki.wdka.nl/mw-mediadesign/api.php?format=json&action=query&titles=Graduation_Website_Braindump&prop=revisions&rvprop=content
# PROCESSING MODULES # PROCESSING MODULES
def write_html_file(html_tree, filename): def write_html_file(html_tree, filename):
@ -124,7 +97,6 @@ def write_html_file(html_tree, filename):
edited.close() edited.close()
# mw article modules # mw article modules
def parse_work_page(title, content): def parse_work_page(title, content):
# content = content.encode('utf-8') # content = content.encode('utf-8')
if re.match('\{\{\Graduation work', content): if re.match('\{\{\Graduation work', content):
@ -135,9 +107,6 @@ def parse_work_page(title, content):
if extra: #append extra if extra: #append extra
extra = ('Extra', extra) extra = ('Extra', extra)
keyval.append(extra) #? keyval.append(extra) #?
# checkkeys = [keyval[i] for i in range(len(keyval)) if keyval[i][0] in mainkeys and len(keyval[i][1])>3] #list mainkeys present, w/ values, in tuples [(key, val),(key, val)...]
# if len(checkkeys) == 3 : # checkkeys contains all mainkeys and values
for pair in keyval: for pair in keyval:
key = pair[0] key = pair[0]
val = pair[1] val = pair[1]
@ -147,7 +116,6 @@ def parse_work_page(title, content):
elif 'Thumbnail' in key: elif 'Thumbnail' in key:
thumburl = api_thumb_url(val) thumburl = api_thumb_url(val)
work_dict['Thumbnail_url']=thumburl work_dict['Thumbnail_url']=thumburl
print 'THUMB:', thumburl
work_dict[key]=val work_dict[key]=val
return work_dict, extra return work_dict, extra
@ -156,7 +124,6 @@ def parse_work_page(title, content):
# Alternative to parse_work_page # Alternative to parse_work_page
def parse_work(title, content): def parse_work(title, content):
workdict = {'Title':title, 'Creator':'', 'Date':'', 'Website':'', 'Thumbnail':'', 'Bio':'', 'Description':'', 'Extra':''} workdict = {'Title':title, 'Creator':'', 'Date':'', 'Website':'', 'Thumbnail':'', 'Bio':'', 'Description':'', 'Extra':''}
if re.match('\{\{\Graduation work', content): if re.match('\{\{\Graduation work', content):
template, extra = (re.findall('\{\{Graduation work\n(.*?)\}\}(.*)', content, re.DOTALL))[0] template, extra = (re.findall('\{\{Graduation work\n(.*?)\}\}(.*)', content, re.DOTALL))[0]
if extra: if extra:
@ -217,3 +184,21 @@ def replace_video(content):
content = re.sub(youtube_exp, "<iframe src='https://www.youtube.com/embed/\g<1>' width='600px' height='450px'> </iframe>", content) content = re.sub(youtube_exp, "<iframe src='https://www.youtube.com/embed/\g<1>' width='600px' height='450px'> </iframe>", content)
return content return content
# Index Creation
def index_addwork(parent, workid, href, thumbnail, title, creator, date):
child_div = ET.SubElement(parent, 'div', attrib={'class':'item',
'id':workid,
'data-title':title,
'data-creator':creator,
'data-date':date})
grandchild_a = ET.SubElement(child_div, 'a', attrib={'href':href, 'class':'work'})
grandgrandchild_img = ET.SubElement(grandchild_a, 'img', attrib={'class':'work', 'src':thumbnail})
# TEXT CONTENT ?
# grandchild_text = ET.SubElement(child_div, 'div', attrib={'class':'work'})
# grandchild_text.text=creator
# need to add css width to div.item

@ -17,7 +17,7 @@
import xml.etree.ElementTree as ET import xml.etree.ElementTree as ET
import html5lib, re, pprint import html5lib, re, pprint
from mmdc_modules import api_request, api_page, api_thumb_url, pandoc2html, parse_work, api_file_url, replace_gallery, replace_video, gallery_exp, video_exp, api_pagesincategories from mmdc_modules import api_request, api_page, api_thumb_url, pandoc2html, parse_work, api_file_url, replace_gallery, replace_video, gallery_exp, video_exp, api_pagesincategories, index_addwork, write_html_file
######## ########
# QUERY API # QUERY API
@ -29,18 +29,27 @@ endpoint = "http://pzwiki.wdka.nl/mw-mediadesign/api.php?format=json&"
######## ########
# CREATE INDEX # CREATE INDEX
######## ########
memberpages = api_pagesincategories('Graduation work', '2015') #list, containing dictionary of all page ids. Example: [{u'ns': 0, u'pageid': 15974, u'title': u'Ahhhh'}, {u'ns': 0, u'pageid': 16005, u'title': u'Artyom-graduation-work'}] memberpages = api_pagesincategories('Graduation work', '2015') #list, containing dictionary of all pages ids. Example: [{u'ns': 0, u'pageid': 15974, u'title': u'Ahhhh'}, {u'ns': 0, u'pageid': 16005, u'title': u'Artyom-graduation-work'}]
#memberpages = [{u'ns': 0, u'pageid': 15982, u'title': u'The Aesthetics of Ethics'}]
#memberpages = [{u'ns': 0, u'pageid': 16005, u'title': u'Artyom-graduation-work'}] #memberpages = [{u'ns': 0, u'pageid': 16005, u'title': u'Artyom-graduation-work'}]
#memberpages = [{u'ns': 0, u'pageid': 16007, u'title': u'U ntitled'}] #memberpages = [{u'ns': 0, u'pageid': 16007, u'title': u'U ntitled'}]
#memberpages = [{u'ns': 0, u'pageid': 15965, u'title': u'Qq'}] #memberpages = [{u'ns': 0, u'pageid': 15965, u'title': u'Qq'}]
print 'memberpages', memberpages print 'memberpages', memberpages
######## ########
# CREATE PAGE # Templates
######## ########
page_template = open("web/page-template.html", "r") page_template = open("web/page-template.html", "r")
page_template = page_template.read() page_template = page_template.read()
index_file = 'web/index-template.html'
index_file = open(index_file, 'r')
index_tree = html5lib.parse(index_file, namespaceHTMLElements=False)
index_container = index_tree.find(".//div[@class='isotope']") #maybe id is important, to destinguish it
########
# CREATE PAGE
########
for member in memberpages: for member in memberpages:
#print member #print member
# download mw work page # download mw work page
@ -78,11 +87,8 @@ for member in memberpages:
img.set('src', newsrc) img.set('src', newsrc)
website = tree.find('.//p[@class="hightlightSidebar"]/a') website = tree.find('.//p[@class="hightlightSidebar"]/a')
print 'website', ET.tostring(website) if not website.get('href'): # if no website link.
#remove empty <a> .//p[@class="hightlightSidebar"]/a
if not website.get('href'):
#remove empty .//p[@class="hightlightSidebar"]/a
# This can be applied to more fields
website_parent = tree.find('.//p[@class="hightlightSidebar"]') website_parent = tree.find('.//p[@class="hightlightSidebar"]')
website_parent.remove(website) website_parent.remove(website)
@ -95,4 +101,17 @@ for member in memberpages:
work_file.write(workpage_html) work_file.write(workpage_html)
work_file.close() work_file.close()
# insert work to index
index_addwork( parent=index_container,
workid=key,
href=work_filename.replace('web/',''),
title=(workdict['Title']).decode('utf-8'),
creator=workdict['Creator'].decode('utf-8'),
date=workdict['Date'],
thumbnail=workdict['Thumbnail'],
)
write_html_file(index_tree, 'web/index.html')
print
print

@ -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 class="zwartArea zwartAreaText" id="section01">
<div class="zwartAreaFull">
<h1>Media Design & Communication - Piet Zwart Institute</h1>
<h1 class="highlight">Graduation 2012</h1>
</div> </div>
</div> </div>
<div id="sidebar" class="sidebarBorder">
<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 id="filter">
<div id="sortArea" class="themes">
<label><input name="video" class="video" value=".video" type="checkbox"><p>Video</p></label>
<label><input name="flash" class="flash" value=".flash" type="checkbox"><p>Flash</p></label>
<label><input name="narrative" class="narrative" value=".narrative" type="checkbox"><p>Narrative</p></label>
</div> </div>
</div> </div>
<div id="sidebar"> <div id="logoWrap">
<img id="logo" src="./img/black_PZI_logo_p.svg"/> <img id="logo" src="img/black_PZI_logo_p.svg"/>
<div id="sideBarDesc">
<div id="sideBarDescInfo" class=""><p>Graduation 2015<p></div>
</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 id="section02" class="zwartArea sidebarBorderLeft zwartAreaWhite">
<div id="filter" class="fixedsticky">
<p>PZI: Master Media Design & Communication <a class="closeSidebar"><img src="arrowDown.svg"/></a></p>
</div> </div>
<!-- <script src="./js/jquery-2.1.3.min.js"></script> --> <div class="isotope"> <!-- Maybe sould aslo have have-->
<!-- <script src="./js/isotope.pkgd.min.js"></script> --> <div class="grid-sizer"></div>
<!-- <script src="./js/imagesloaded.pkgd.min.js"></script> -->
<!-- <script src="./js/mainScripts.js"></script> --> <!--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 id="section03" class="sidebarBorderLeft zwartArea">
<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>
</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 &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">
<!-- &lt;link rel="stylesheet" href="http://filamentgroup.github.io/fixed-sticky/fixedsticky.css"&gt; -->
</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 class="highlight"> Piet Zwart Institute: Master Media Design &amp; 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 &amp; 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"&gt;&lt;img src="img/project_lasse.png"&gt;&lt;/div&gt;
&lt;div class="item video widthA"&gt;&lt;img src="img/project_nan.jpg"&gt;&lt;/div&gt;
&lt;div class="item video"&gt;&lt;img src="img/project_nicole2.jpg"&gt;&lt;/div&gt;
&lt;div class="item video flash"&gt;&lt;img src="img/project_roel2.png"&gt;&lt;/div&gt;
&lt;div class="item narrative"&gt;&lt;img src="img/project_andre.jpeg"&gt;&lt;/div&gt;
&lt;div class="item narrative"&gt;&lt;h1&gt;Time and time again&lt;/h1&gt;&lt;/div&gt;
&lt;div class="item video"&gt;&lt;img src="img/project_nicole.jpg"&gt;&lt;/div&gt;
&lt;div class="item text"&gt;&lt;h1&gt;Vestibulum auctor magna eros&lt;/h1&gt;&lt;/div&gt;
&lt;div class="item narrative flash"&gt;&lt;img src="img/project_roel.gif"&gt;&lt;/div&gt;
&lt;div class="item narrative"&gt;&lt;img src="img/project_lasse.png"&gt;&lt;/div&gt;
&lt;div class="item narrative"&gt;&lt;h1&gt;Time and time again&lt;/h1&gt;&lt;/div&gt;
&lt;div class="item video"&gt;&lt;img src="img/project_nicole.jpg"&gt;&lt;/div&gt;
&lt;div class="item text widthA"&gt;&lt;h1&gt;A history of the ever-changing educational urban environment and a variety of cultural influences&lt;/h1&gt;&lt;/div&gt;
&lt;div class="item narrative flash"&gt;&lt;img src="img/project_roel.gif"&gt;&lt;/div&gt;
&lt;div class="item video widthA"&gt;&lt;img src="img/project_nan.jpg"&gt;&lt;/div&gt;
&lt;div class="item video"&gt;&lt;img src="img/project_nicole2.jpg"&gt;&lt;/div&gt;
&lt;div class="item video flash"&gt;&lt;img src="img/project_roel2.png"&gt;&lt;/div&gt;
&lt;div class="item narrative"&gt;&lt;img src="img/project_andre.jpeg"&gt;&lt;/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">
<!-- &lt;h1 class="highlight"&gt; Master Media Design &amp; Communication&lt;/h1&gt; -->
<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>
<!-- &lt;p&gt;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.&lt;/p&gt; -->
<!-- &lt;h1 class="colophon"&gt;Colophon&lt;/h1&gt; -->
<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>

@ -35,7 +35,57 @@
<!-- &lt;div class="isotope"&gt;&lt;/div&gt; --> <!-- &lt;div class="isotope"&gt;&lt;/div&gt; -->
<!-- WORKS DIV WILL BE ADDED HERE --> <!-- 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> <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/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/isotope.pkgd.min.js"&gt;&lt;/script&gt; -->

Loading…
Cancel
Save