incorporating script debbuging; checking template

master
Castro0o 10 years ago
parent a6420004b7
commit 56e2628891

@ -79,8 +79,10 @@ def api_thumb_url(filename):
# PROCESSING MODULES # PROCESSING MODULES
def write_html_file(html_tree, filename): def write_html_file(html_tree, filename):
print 'WRITE HTML FILE'
doctype = "<!DOCTYPE HTML>" doctype = "<!DOCTYPE HTML>"
html = doctype + ET.tostring(html_tree, encoding='utf-8', method='html') print 'TREE', type(html_tree)
html = doctype + ET.tostring(html_tree, method='html', encoding='utf-8', )
edited = open(filename, 'w') #write edited = open(filename, 'w') #write
edited.write(html) edited.write(html)
edited.close() edited.close()
@ -121,7 +123,7 @@ def pandoc2html(mw_content):
gallery_exp=re.compile('<gallery>(.*?)</gallery>', re.S) gallery_exp=re.compile('<gallery>(.*?)</gallery>', re.S)
imgfile_exp=re.compile('(File:(.*?)\.(gif|jpg|jpeg|png|svg))') imgfile_exp=re.compile('(File:(.*?)\.(gif|jpg|jpeg|png))')
def replace_gallery(content): def replace_gallery(content):
content = re.sub(imgfile_exp, '[[\g<1>]]', content) #add [[ ]] to File:.*? content = re.sub(imgfile_exp, '[[\g<1>]]', content) #add [[ ]] to File:.*?
@ -146,6 +148,10 @@ def index_addwork(parent, workid, href, thumbnail, title, creator, date):
'data-creator':creator, 'data-creator':creator,
'data-date':date}) 'data-date':date})
grandchild_a = ET.SubElement(child_div, 'a', attrib={'href':href, 'class':'work'}) grandchild_a = ET.SubElement(child_div, 'a', attrib={'href':href, 'class':'work'})
grandgrandchild_img = ET.SubElement(grandchild_a, 'img', attrib={'class':'work', 'src':thumbnail}) if thumbnail is '':
grandgrandchild_h3 = ET.SubElement(grandchild_a, 'h3', attrib={'class':'work', 'id':'thumbnail_replacement'})
grandgrandchild_h3.text=title
else:
grandgrandchild_img = ET.SubElement(grandchild_a, 'img', attrib={'class':'work', 'src':thumbnail})
# need to add css width to div.item # need to add css width to div.item

@ -37,15 +37,9 @@ endpoint = "http://pzwiki.wdka.nl/mw-mediadesign/api.php?format=json&"
# CREATE INDEX # CREATE INDEX
######## ########
memberpages=mw_cats(args) memberpages=mw_cats(args)
#memberpages['Ctrl-F Reader','As We Speak']
print 'memberpages', memberpages print 'memberpages', memberpages
#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': 16007, u'title': u'U ntitled'}]
#memberpages = [{u'ns': 0, u'pageid': 15965, u'title': u'Qq'}]
## output: memberpages [{u'ns': 0, u'pageid': 15982, u'title': u'The Aesthetics of Ethics'}]
######## ########
# Templates # Templates
@ -72,27 +66,35 @@ for member in memberpages:
workpage_mw = replace_gallery(workpage_mw) workpage_mw = replace_gallery(workpage_mw)
workpage_mw = replace_video(workpage_mw) workpage_mw = replace_video(workpage_mw)
workdict = parse_work(member, workpage_mw) # create dictionary workpage_mw template workdict = parse_work(member, workpage_mw) # create dictionary workpage_mw template
if len(workdict['Creator'])>1 and len(workdict['Title'])>1 and len(workdict['Description'])>1:
for key in workdict.keys(): # convert Extra, Description, Bio to HTML
if key in ['Extra', 'Description', 'Bio'] and workdict[key]:
workdict[key] = pandoc2html( (workdict[key].decode('utf-8')))
elif key in ['Creator']:
workdict[key] = workdict[key].replace(',','' ) #remove comma
#replace empty dict values with ' ' # to avoid empty tags
for key in workdict.keys():
if workdict[key] is '' and key is not 'Thumbnail':
workdict[key] = ' '
elif key is 'Thumbnail' and workdict[key]:
img = '<img id="thumnail" src="{}" />'.format(workdict[key])
# append img to text
workdict[key] = workdict[key] # + img
print 'THUMB', workdict[key]
for key in workdict.keys(): # convert Extra, Description, Bio to HTML if type(workdict[key]) is unicode:
if key in ['Extra', 'Description', 'Bio'] and workdict[key]: workdict[key]=workdict[key].encode('utf-8')
workdict[key] = pandoc2html( (workdict[key].decode('utf-8')) ) # print workdict[key]
print 'EXTRA', type (workdict['Extra']), workdict['Extra']
# fill template with dictionary/mw_page values
pprint.pprint(workdict)
if len(workdict['Creator'])>1 and len(workdict['Creator'])>1:
workpage_html = page_template.format(title=('Title'),#workdict['Title']), workpage_html = page_template.format(title=workdict['Title'],
creator=(workdict['Creator']), creator=workdict['Creator'],
date=workdict['Date'], date=workdict['Date'],
website=workdict['Website'], website=workdict['Website'],
thumbnail=workdict['Thumbnail'], thumbnail=workdict['Thumbnail'],
bio=(workdict['Bio']), bio=workdict['Bio'],
description=(workdict['Description']), description=workdict['Description'],
extra=( workdict['Extra'] ) extra=workdict['Extra']
) )
# parse workpage_html # process html: img full url # parse workpage_html # process html: img full url
@ -105,33 +107,31 @@ for member in memberpages:
if newsrc: if newsrc:
img.set('src', newsrc) img.set('src', newsrc)
website = tree.find('.//p[@class="hightlightSidebar"]/a') #######
if not website.get('href'): # if no website link. # INDEX
#remove empty <a> .//p[@class="hightlightSidebar"]/a #######
website_parent = tree.find('.//p[@class="hightlightSidebar"]')
website_parent.remove(website)
# save workpage_html # save workpage_html
workpage_html = ET.tostring(tree) workpage_html = ET.tostring(tree)
creator = workdict['Creator'].decode('ascii', 'ignore') creator = workdict['Creator']#.decode('ascii', 'ignore')
creator = creator.replace(' ','_') creator = creator.replace(' ','_')
work_filename = 'web/{}-{}.html'.format(workdict['Date'], creator) work_filename = 'web/{}-{}.html'.format(workdict['Date'], creator)
work_file = open(work_filename, "w") work_file = open(work_filename, "w")
work_file.write(workpage_html) work_file.write(workpage_html)
work_file.close() work_file.close()
# insert work to index
print 'DICT', type(workdict['Title'])
# insert work to index
index_addwork( parent=index_container, index_addwork( parent=index_container,
workid=key, workid=key,
href=work_filename.replace('web/',''), href=work_filename.replace('web/',''),
title=(workdict['Title']),#.decode('utf-8'), title=workdict['Title'],#.decode('utf-8'),
creator=workdict['Creator'].decode('utf-8'), creator=workdict['Creator'],#.decode('utf-8'),
date=workdict['Date'], date=workdict['Date'],
thumbnail=workdict['Thumbnail'], thumbnail=workdict['Thumbnail']
) )
# print '----', workdict['Title']
# print ET.tostring(tree)
print index_tree, type(index_tree)
write_html_file(index_tree, 'web/index.html') write_html_file(index_tree, 'web/index.html')
print print
print print

@ -2,7 +2,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" /> <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />
<title>Title</title> <title>Artyom-graduation-work</title>
<link href="./css/style.css" rel="stylesheet" /> <link href="./css/style.css" rel="stylesheet" />
<link href="./css/style_projectpage.css" rel="stylesheet" /> <link href="./css/style_projectpage.css" rel="stylesheet" />
<link href="./fonts/fontstylesheet01.css" rel="stylesheet" /> <link href="./fonts/fontstylesheet01.css" rel="stylesheet" />
@ -20,19 +20,19 @@
<div id="sideBarDescInner"> <div id="sideBarDescInner">
<!-- we used h2's and p's instead of divs here, moved 2015 and deleted 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 --> <!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
<h2 id="creator">Artyom</h2> <h2 id="creator">Artyom</h2>
<p id="title">Title 2015</p> <p id="title">Artyom-graduation-work 2015</p>
<!-- moved up <p>Artyom&#8217;s work entitled &#8220;New Image&#8221; is a series of images of that have been made using Google Image search results. In his work Artyom explores the relations between images and the technology that is responsible for their production and distribution. Namely how technological endeavors came to affect the dynamics within image culture.</p> <!-- moved up description -->
-->
<div id="description"><p>Artyom&#8217;s work entitled &#8220;New Image&#8221; is a series of images of that have been made using Google Image search results. In his work Artyom explores the relations between images and the technology that is responsible for their production and distribution. Namely how technological endeavors came to affect the dynamics within image culture.</p> <div id="description"><p>Artyom&#8217;s work entitled &#8220;New Image&#8221; is a series of images of that have been made using Google Image search results. In his work Artyom explores the relations between images and the technology that is responsible for their production and distribution. Namely how technological endeavors came to affect the dynamics within image culture.</p>
</div> </div>
<div id="bio" /> <div id="bio"><p>Artyom Kocharyan (AM) is visual artist based in Rotterdam. His work explores the contemporary visual culture, namely the culture of images that increasingly dominate the world of communication. Artyom&#8217;s work is concerned with the representation aspect of images and their ability to determine our vision of the world. Artyom is engaged with the representation apparatus that is peculiar to current digital and online culture.</p>
</div>
<p class="hightlightSidebar"><a href="www.artyomkocharyan.com" target="_blank">www.artyomkocharyan.com</a></p> <p class="hightlightSidebar"><a href="www.artyomkocharyan.com" target="_blank">www.artyomkocharyan.com</a></p>
@ -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 class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Title</p><a class="closeSidebar"><img src="./img/arrowUpW.svg" /></a> <a class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a> <p>Artyom-graduation-work</p><a class="closeSidebar"><img src="./img/arrowUpW.svg" /></a>
</div> </div>
</div> </div>
@ -66,12 +66,10 @@
</div> </div>
</div> </div>
<script src="./js/jquery-2.1.3.min.js" /> <script src="./js/jquery-2.1.3.min.js"> </script>
<script src="./js/fixedfixed.js" /> <script src="./js/fixedfixed.js"> </script>
<script src="./js/fixedsticky.js" /> <script src="./js/fixedsticky.js"> </script>
<script src="./js/isotope.pkgd.min.js" /> <script src="./js/mainScripts_single.js"> </script>
<script src="./js/imagesloaded.pkgd.min.js" />
<script src="./js/mainScripts_single.js" />

@ -2,7 +2,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" /> <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />
<title>Title</title> <title>U ntitled</title>
<link href="./css/style.css" rel="stylesheet" /> <link href="./css/style.css" rel="stylesheet" />
<link href="./css/style_projectpage.css" rel="stylesheet" /> <link href="./css/style_projectpage.css" rel="stylesheet" />
<link href="./fonts/fontstylesheet01.css" rel="stylesheet" /> <link href="./fonts/fontstylesheet01.css" rel="stylesheet" />
@ -20,21 +20,21 @@
<div id="sideBarDescInner"> <div id="sideBarDescInner">
<!-- we used h2's and p's instead of divs here, moved 2015 and deleted http://pzwiki.wdka.nl/mw-mediadesign/images/e/e7/9m4MBqRM1w-6.png --> <!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
<h2 id="creator">Henk-Jelle de Groot</h2> <h2 id="creator">Henk-Jelle de Groot</h2>
<p id="title">Title 2015</p> <p id="title">U ntitled 2015</p>
<!-- moved up <p>Untitled is a work about visualizing non audible and non visual acoustic properties of a space. Every space has a certain acoustic reverberation, a property that can't be heard or seen on it's own. With this project I aim to visualize that property trough data visualization. Untitled contains a (few) examples of spaces that have been mapped and visualized in a new form and material. These sculptures are presented in a way that the viewer may contextualize on it's own what the nature of the sculpture is</p> <!-- moved up description -->
-->
<div id="description"><p>Untitled is a work about visualizing non audible and non visual acoustic properties of a space. Every space has a certain acoustic reverberation, a property that can't be heard or seen on it's own. With this project I aim to visualize that property trough data visualization. Untitled contains a (few) examples of spaces that have been mapped and visualized in a new form and material. These sculptures are presented in a way that the viewer may contextualize on it's own what the nature of the sculpture is</p> <div id="description"><p>Untitled is a work about visualizing non audible and non visual acoustic properties of a space. Every space has a certain acoustic reverberation, a property that can't be heard or seen on it's own. With this project I aim to visualize that property trough data visualization. Untitled contains a (few) examples of spaces that have been mapped and visualized in a new form and material. These sculptures are presented in a way that the viewer may contextualize on it's own what the nature of the sculpture is</p>
</div> </div>
<div id="bio" /> <div id="bio"><p>Henk-Jelle de Groot is a Rotterdam based sound designer and musician. After graduating with an Audio / Visual design bachelor Henk-Jelle setup a sound studio in Rotterdam to work in the Audio / Visual industry. After 7 years of working he returned to the Piet Zwart Institute to graduate in a Master of comm design something something. In addition to working in the Audio / Visual industry, he is muscian and builder of electronic instruments.</p>
</div>
<p class="hightlightSidebar" /> <p class="hightlightSidebar"><a href=" " target="_blank"> </a></p>
<!-- // --> <!-- // -->
@ -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 class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Title</p><a class="closeSidebar"><img src="./img/arrowUpW.svg" /></a> <a class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a> <p>U ntitled</p><a class="closeSidebar"><img src="./img/arrowUpW.svg" /></a>
</div> </div>
</div> </div>
@ -56,7 +56,7 @@
<div class="project" id="extra"> <div class="project" id="extra">
<img id="thumnail" src="http://pzwiki.wdka.nl/mw-mediadesign/images/e/e7/9m4MBqRM1w-6.png" /> <img id="thumnail" src="http://pzwiki.wdka.nl/mw-mediadesign/images/e/e7/9m4MBqRM1w-6.png" />
</div> </div>
<!----> <!---->
@ -64,12 +64,10 @@
</div> </div>
</div> </div>
<script src="./js/jquery-2.1.3.min.js" /> <script src="./js/jquery-2.1.3.min.js"> </script>
<script src="./js/fixedfixed.js" /> <script src="./js/fixedfixed.js"> </script>
<script src="./js/fixedsticky.js" /> <script src="./js/fixedsticky.js"> </script>
<script src="./js/isotope.pkgd.min.js" /> <script src="./js/mainScripts_single.js"> </script>
<script src="./js/imagesloaded.pkgd.min.js" />
<script src="./js/mainScripts_single.js" />

@ -2,7 +2,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" /> <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />
<title>Title</title> <title>Mina</title>
<link href="./css/style.css" rel="stylesheet" /> <link href="./css/style.css" rel="stylesheet" />
<link href="./css/style_projectpage.css" rel="stylesheet" /> <link href="./css/style_projectpage.css" rel="stylesheet" />
<link href="./fonts/fontstylesheet01.css" rel="stylesheet" /> <link href="./fonts/fontstylesheet01.css" rel="stylesheet" />
@ -20,19 +20,19 @@
<div id="sideBarDescInner"> <div id="sideBarDescInner">
<!-- we used h2's and p's instead of divs here, moved 2015 and deleted http://pzwiki.wdka.nl/mw-mediadesign/images/5/59/3legs.jpg --> <!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
<h2 id="creator">Lucia Dossin</h2> <h2 id="creator">Lucia Dossin</h2>
<p id="title">Title 2015</p> <p id="title">Mina 2015</p>
<!-- moved up <p>Mina is a smart chat bot, a commercial project designed by a promising startup to fulfill humans' need of talking to someone else in a world where communication has become almost completely mediated by social media services. To keep the illusion alive, the software aims to be invisible.</p> <!-- moved up description -->
-->
<div id="description"><p>Mina is a smart chat bot, a commercial project designed by a promising startup to fulfill humans' need of talking to someone else in a world where communication has become almost completely mediated by social media services. To keep the illusion alive, the software aims to be invisible.</p> <div id="description"><p>Mina is a smart chat bot, a commercial project designed by a promising startup to fulfill humans' need of talking to someone else in a world where communication has become almost completely mediated by social media services. To keep the illusion alive, the software aims to be invisible.</p>
</div> </div>
<div id="bio">hoi </div> <div id="bio"><p>The bio is coming soon.</p>
</div>
<p class="hightlightSidebar"><a href="www.example.com" target="_blank">www.example.com</a></p> <p class="hightlightSidebar"><a href="www.example.com" target="_blank">www.example.com</a></p>
@ -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 class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Title</p><a class="closeSidebar"><img src="./img/arrowUpW.svg" /></a> <a class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a> <p>Mina</p><a class="closeSidebar"><img src="./img/arrowUpW.svg" /></a>
</div> </div>
</div> </div>
@ -71,13 +71,11 @@
</div> </div>
</div> </div>
<script src="./js/jquery-2.1.3.min.js" /> <script src="./js/jquery-2.1.3.min.js"></script>
<script src="./js/fixedfixed.js" /> <script src="./js/fixedfixed.js"></script>
<script src="./js/fixedsticky.js" /> <script src="./js/fixedsticky.js"></script>
<script src="./js/isotope.pkgd.min.js" /> <script src="./js/mainScripts_single.js"></script>
<script src="./js/imagesloaded.pkgd.min.js" />
<script src="./js/mainScripts_single.js" />
</body></html> </body></html>

@ -2,7 +2,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" /> <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />
<title>Title</title> <title>Qq</title>
<link href="./css/style.css" rel="stylesheet" /> <link href="./css/style.css" rel="stylesheet" />
<link href="./css/style_projectpage.css" rel="stylesheet" /> <link href="./css/style_projectpage.css" rel="stylesheet" />
<link href="./fonts/fontstylesheet01.css" rel="stylesheet" /> <link href="./fonts/fontstylesheet01.css" rel="stylesheet" />
@ -20,19 +20,19 @@
<div id="sideBarDescInner"> <div id="sideBarDescInner">
<!-- we used h2's and p's instead of divs here, moved 2015 and deleted http://pzwiki.wdka.nl/mw-mediadesign/images/thumb/8/85/Luther-blissett-300.jpg/500px-Luther-blissett-300.jpg --> <!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
<h2 id="creator">Luther Blisset</h2> <h2 id="creator">Luther Blisset</h2>
<p id="title">Title 2015</p> <p id="title">Qq 2015</p>
<!-- moved up <p>The novel <strong>Q</strong> was written by four Bologna-based members of the LBP, as a final contribution to the project, and published in Italy in 1999. So far, it has been translated into English (British and American), Spanish, German, Dutch, French, Portuguese (Brazilian), Danish, Polish, Greek, Czech, Russian, Turkish, Basque and Korean. In August 2003 the book was nominated for the Guardian First Book Prize.</p> <!-- moved up description -->
-->
<div id="description"><p>The novel <strong>Q</strong> was written by four Bologna-based members of the LBP, as a final contribution to the project, and published in Italy in 1999. So far, it has been translated into English (British and American), Spanish, German, Dutch, French, Portuguese (Brazilian), Danish, Polish, Greek, Czech, Russian, Turkish, Basque and Korean. In August 2003 the book was nominated for the Guardian First Book Prize.</p> <div id="description"><p>The novel <strong>Q</strong> was written by four Bologna-based members of the LBP, as a final contribution to the project, and published in Italy in 1999. So far, it has been translated into English (British and American), Spanish, German, Dutch, French, Portuguese (Brazilian), Danish, Polish, Greek, Czech, Russian, Turkish, Basque and Korean. In August 2003 the book was nominated for the Guardian First Book Prize.</p>
</div> </div>
<div id="bio" />Oh </div> <div id="bio"><p>Luther Blissett is a multiple-use name, an open pop star informally adopted and shared by hundreds of artists and activists all over Europe and the Americas since 1994. The pseudonym first appeared in Bologna, Italy, in mid-1994, when a number of cultural activists began using it for staging a series of urban and media pranks and to experiment with new forms of authorship and identity. From Bologna the multiple-use name spread to other European cities, such as Rome and London, as well as countries such as Germany, Spain, and Slovenia.[1] Sporadic appearances of Luther Blissett have been also noted in Canada, the United States, and Brazil.</p>
</div>
<p class="hightlightSidebar"><a href="https://en.wikipedia.org/wiki/Luther_Blissett_(nom_de_plume)" target="_blank">https://en.wikipedia.org/wiki/Luther_Blissett_(nom_de_plume)</a></p> <p class="hightlightSidebar"><a href="https://en.wikipedia.org/wiki/Luther_Blissett_(nom_de_plume)" target="_blank">https://en.wikipedia.org/wiki/Luther_Blissett_(nom_de_plume)</a></p>
@ -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 class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Title</p><a class="closeSidebar"><img src="./img/arrowUpW.svg" /></a> <a class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a> <p>Qq</p><a class="closeSidebar"><img src="./img/arrowUpW.svg" /></a>
</div> </div>
</div> </div>
@ -76,7 +76,8 @@
<script src="./js/jquery-2.1.3.min.js"></script> <script src="./js/jquery-2.1.3.min.js"></script>
<script src="./js/fixedfixed.js"></script> <script src="./js/fixedfixed.js"></script>
<script src="./js/fixedsticky.js"></script> <script src="./js/fixedsticky.js"></script>
<script src="./js/mainScripts_single.js"></script> <script src="./js/mainScripts_single.js"></script>
</body></html> </body></html>

@ -2,7 +2,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" /> <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />
<title>Title</title> <title>User:Max Dovey/maxgradbio</title>
<link href="./css/style.css" rel="stylesheet" /> <link href="./css/style.css" rel="stylesheet" />
<link href="./css/style_projectpage.css" rel="stylesheet" /> <link href="./css/style_projectpage.css" rel="stylesheet" />
<link href="./fonts/fontstylesheet01.css" rel="stylesheet" /> <link href="./fonts/fontstylesheet01.css" rel="stylesheet" />
@ -20,19 +20,19 @@
<div id="sideBarDescInner"> <div id="sideBarDescInner">
<!-- we used h2's and p's instead of divs here, moved 2015 and deleted http://pzwiki.wdka.nl/mw-mediadesign/images/1/16/Pointer.gif --> <!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
<h2 id="creator">Max Dovey</h2> <h2 id="creator">Max Dovey</h2>
<p id="title">Title 2015</p> <p id="title">User:Max Dovey/maxgradbio 2015</p>
<!-- moved up <p>How to be more or less human.</p> <!-- moved up description -->
-->
<div id="description"><p>How to be more or less human.</p> <div id="description"><p>How to be more or less human.</p>
</div> </div>
<div id="bio" /> <div id="bio"><p>My Bio</p>
</div>
<p class="hightlightSidebar"><a href="http://maxdovey.com" target="_blank">http://maxdovey.com</a></p> <p class="hightlightSidebar"><a href="http://maxdovey.com" target="_blank">http://maxdovey.com</a></p>
@ -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 class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Title</p><a class="closeSidebar"><img src="./img/arrowUpW.svg" /></a> <a class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a> <p>User:Max Dovey/maxgradbio</p><a class="closeSidebar"><img src="./img/arrowUpW.svg" /></a>
</div> </div>
</div> </div>
@ -65,12 +65,10 @@
</div> </div>
</div> </div>
<script src="./js/jquery-2.1.3.min.js" /> <script src="./js/jquery-2.1.3.min.js"> </script>
<script src="./js/fixedfixed.js" /> <script src="./js/fixedfixed.js"> </script>
<script src="./js/fixedsticky.js" /> <script src="./js/fixedsticky.js"> </script>
<script src="./js/isotope.pkgd.min.js" /> <script src="./js/mainScripts_single.js"> </script>
<script src="./js/imagesloaded.pkgd.min.js" />
<script src="./js/mainScripts_single.js" />

@ -1,8 +1,8 @@
<!DOCTYPE HTML><html><head> <!DOCTYPE HTML><html><head>
<meta charset="UTF-8"></meta> <meta charset="UTF-8">
<meta content="yes" name="apple-mobile-web-app-capable"></meta> <meta content="yes" name="apple-mobile-web-app-capable">
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport"></meta> <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
<title>Piet Zwart Institute: Master Media Design &amp; Communication</title> <title>Piet Zwart Institute: Master Media Design &amp; Communication</title>
@ -70,7 +70,7 @@
</div> </div>
</div> </div>
<div id="logoWrap"> <div id="logoWrap">
<img id="logo" src="img/black_PZI_logo_p.svg"> <img id="logo" src="./img/black_PZI_logo_p.svg">
</div> </div>
</div> </div>
@ -102,7 +102,7 @@
&lt;div class="item video flash"&gt;&lt;img src="img/project_roel2.png"&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--> &lt;div class="item narrative"&gt;&lt;img src="img/project_andre.jpeg"&gt;&lt;/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.html"><img class="work" src="http://pzwiki.wdka.nl/mw-mediadesign/images/1/16/Pointer.gif"></a></div><div class="item" data-creator="Luther Blisset" data-date="2015" data-title="Qq" id="Extra"><a class="work" href="2015-Luther_Blisset.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="Artyom" data-date="2015" data-title="Artyom-graduation-work" id="Extra"><a class="work" href="2015-Artyom.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.html"><img class="work" src="http://pzwiki.wdka.nl/mw-mediadesign/images/1/16/Pointer.gif"></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.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="Lucia Dossin" data-date="2015" data-title="Mina" id="Extra"><a class="work" href="2015-Lucia_Dossin.html"><img class="work" src="http://pzwiki.wdka.nl/mw-mediadesign/images/5/59/3legs.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.html"><img class="work" src="http://pzwiki.wdka.nl/mw-mediadesign/images/e/e7/9m4MBqRM1w-6.png"></a></div></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.html"><img class="work" src="http://pzwiki.wdka.nl/mw-mediadesign/images/1/16/Pointer.gif"></a></div><div class="item" data-creator="Luther Blisset" data-date="2015" data-title="Qq" id="Extra"><a class="work" href="2015-Luther_Blisset.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="Artyom" data-date="2015" data-title="Artyom-graduation-work" id="Extra"><a class="work" href="2015-Artyom.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="Lucia Dossin" data-date="2015" data-title="Mina" id="Extra"><a class="work" href="2015-Lucia_Dossin.html"><img class="work" src="http://pzwiki.wdka.nl/mw-mediadesign/images/5/59/3legs.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.html"><img class="work" src="http://pzwiki.wdka.nl/mw-mediadesign/images/e/e7/9m4MBqRM1w-6.png"></a></div></div>
</div> </div>
<div class="sidebarBorderLeft zwartArea" id="section03"> <div class="sidebarBorderLeft zwartArea" id="section03">

@ -22,13 +22,13 @@
<div id="sideBarDescInner"> <div id="sideBarDescInner">
<!-- we used h2's and p's instead of divs here, moved {date} and deleted {thumbnail} --> <!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
<h2 id="creator">{creator}</h2> <h2 id="creator">{creator}</h2>
<p id="title">{title} {date}</p> <p id="title">{title} {date}</p>
<!-- moved up {description} --> <!-- moved up description -->
<div id="description">{description}</div> <div id="description">{description}</div>
@ -64,10 +64,10 @@
</div> </div>
</div> </div>
<script src='./js/jquery-2.1.3.min.js'></script> <script src='./js/jquery-2.1.3.min.js'> </script>
<script src='./js/fixedfixed.js'></script> <script src='./js/fixedfixed.js'> </script>
<script src='./js/fixedsticky.js'></script> <script src='./js/fixedsticky.js'> </script>
<script src='./js/mainScripts_single.js'></script> <script src='./js/mainScripts_single.js'> </script>
</body> </body>
</html> </html>

Loading…
Cancel
Save