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

changes for 2016

Browse Source
master
Castro0o 9 years ago
parent 61be228843
commit a6f65166c3
3 changed files with 207 additions and 7 deletions
Show Stats Download Patch File Download Diff File

76
2016-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="../2016.html" class="hoverBackA"><img class="template" src="../img/arrowBack.svg"></a><p>Fuzzy Logic</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="../index.html" 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>

116
index-template-2016.html
Unescape Escape View File

@ -0,0 +1,116 @@
<!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>
<p>The Master in Media Design &amp; Communication is an intensive project-based research degree exploring the possibilities released by the friction between media and their related practices. The course does not believe in old media and new media, nor in the pattern of media extinctions that punctuate traditional media histories. Rather students exploit the resonances and gaps between photography, cinema, animation, software and computational culture. In publishing and documenting, students are expected to critically engage with the platforms and networks in which their work operate or are distributed. </p>
<h1>Graduation Show 2016: <i>Fuzzy Login</i></h1>
<h1 class="highlight">17 - 25 June Rotterdam</h1>
<!-- ADD LOCATION -->
</div>
</div>
</div>
<div class="sidebarBorder" id="sidebar">
<div id="sidebarInner">
<div id="sideBarDesc">
<div id="sideBarDescInfo"><p>Fuzzy Logic</p> </div>
<div id="sideBarDescInner">
<p class="hightlightSidebar">Graduation Show 2016: Fuzzy Logic</p>
<!--p&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">
<!-- <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>

18
mmdc_wiki2web.py
Unescape Escape View File

@ -13,17 +13,24 @@ 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=[["2015", "Graduation_work"]], action="append", help="category to query, use -c foo -c bar to intersect multiple categories") p.add_argument("--category", "-c", nargs="*", default=[["2016", "Graduation_work"]], action="append", help="category to query, use -c foo -c 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[0]:
if '20' in i:
year = i
print year
###### ######
# DEFS: create_page create_index # DEFS: create_page create_index
###### ######
def create_page(memberpages, mode): def create_page(memberpages, mode):
page_template = open("page-template.html", "r") page_template = open("{}-template.html".format(year), "r")
indexdict = {} #parent dict: contains articledict instances indexdict = {} #parent dict: contains articledict instances
for member in memberpages: for member in memberpages:
print member print member
@ -87,7 +94,7 @@ def create_page(memberpages, mode):
# save work page # save work page
creator = articledict['Creator'].encode('ascii', 'ignore') creator = articledict['Creator'].encode('ascii', 'ignore')
creator = creator.replace(' ','_') creator = creator.replace(' ','_')
work_filename = 'web/works/{}-{}.html'.format(articledict['Date'], creator) work_filename = 'web/works/{}-{}.html'.format(year, creator)
write_html_file(page_tree, work_filename) write_html_file(page_tree, work_filename)
articledict['Path'] = work_filename[4:] articledict['Path'] = work_filename[4:]
indexdict[articledict['Title']] = articledict indexdict[articledict['Title']] = articledict
@ -95,11 +102,12 @@ def create_page(memberpages, mode):
def create_index(indexdict): def create_index(indexdict):
index_template = open("2015-template.html", "r") index_template = open("index-template-{}.html".format(year), "r")
index_tree = html5lib.parse(index_template, namespaceHTMLElements=False) index_tree = html5lib.parse(index_template, namespaceHTMLElements=False)
index_container = index_tree.find(".//div[@class='isotope']") #maybe id is imp index_container = index_tree.find(".//div[@class='isotope']") #maybe id is imp
keys = indexdict.keys() keys = indexdict.keys()
shuffle(keys) shuffle(keys)
for key in keys: for key in keys:
index_addwork( parent=index_container, index_addwork( parent=index_container,
workid=key, workid=key,
@ -110,7 +118,7 @@ def create_index(indexdict):
thumbnail=(indexdict[key]['Thumbnail']).replace('http', 'https') thumbnail=(indexdict[key]['Thumbnail']).replace('http', 'https')
) )
print '----', indexdict[key]['Title'],indexdict[key]['Path'] print '----', indexdict[key]['Title'],indexdict[key]['Path']
write_html_file(index_tree, 'web/2015.html') write_html_file(index_tree, 'web/{}.html'.format(year))
##### #####

Write Preview
Loading…
Cancel
Save