2017 template and css

master
Castro0o 7 years ago
parent 065b39dcb4
commit e1354acfd0

@ -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><!--TITLE--></p> <a href="../index.html" class="hoverBackA"><img class="template" src="../img/arrowBack.svg"></a><p><!--TITLE--></p>
</div> </div>
<div id="sideBarDescInner"> <div id="sideBarDescInner">

@ -55,12 +55,22 @@
<div class="sidebarBorder" id="sidebar"> <div class="sidebarBorder" id="sidebar">
<div id="sidebarInner"> <div id="sidebarInner">
<div id="sideBarDesc"> <div id="sideBarDesc">
<div id="sideBarDescInfo"><!--p>Fuzzy Logic</p--></div> <div id="sideBarDescInfo"><p>Piet Zwart Master Media Design Graduate Festival 2017</p></div>
<div id="sideBarDescInner"> <div id="sideBarDescInner">
<p class="hightlightSidebar">Graduation Show 2017: <!--NAME--></p> <p class="hightlightSidebar">
<p><!-- DATEs --> </p> <p>JUNE 15th 17.00-24.00: Het Nieuwe Instituut
<p>Locations: </p> <ul>
<li>17:00- 19:00 Special Issue #3: Interfacing the Law <i>The HNI Library</i></li>
<li>17:00 - 21:00 Mystery Tour For All Ages</li>
<li>21:30 - 22:30 Adverserial Interface Space <i>5th Floor</i></li>
</ul>
</p>
<hr/>
<p>JUNE 16th 13.OO-21.00: <a href="https://kinorotterdam.nl/">KINO Cinema</p>
<ul>
<li>18.00 - 18.30 KINO GRAND Cafe: welcome drinks </li>
<li>18.30 - 19.30 Lens-Based Cohort Screening</li>
<li>20.00 - 22.00 Graduation Film Screenings KINO 4</li> </ul>
</div> </div>
</div> </div>
</div> </div>
@ -81,30 +91,49 @@
<div id="section03" class="sidebarBorderLeft zwartArea"> <div id="section03" class="sidebarBorderLeft zwartArea">
<div class="zwartAreaFull zwartColophon"> <div class="zwartAreaFull zwartColophon">
<!-- MORE TEXT --> <!-- MORE TEXT -->
<h1>Piet Zwart Institute</h1> <!--h1>DAY ONE</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> <h1>JUNE 15th - 17.00-24.00 </br>
<p><a href="http://www.pzwart.nl/">http://www.pzwart.nl/</a></p> PRESENTATIONS, LECTURES &amp; INTERVIEWS</h1>
<br /> <p>Het Nieuwe Instituut<br/>
<h1>Master Media Design &amp; Communication</h1> Museumpark 25<br/>
<p>The Piet Zwart Institute Master Media Design & Communication is a 3015CB<br/>
research orientated master programme, with a strong emphasis on the Rotterdam<br/>
connection between practice and theory. The course focused on <a href="http://hetnieuweinstituut.nl/">hetnieuweinstituut.nl</a>
practice-led research through project-based work will equip you to </p>
create a distinctive voice as an artist/designer in the contemporary
media landscape.</p> <p>For the first part of this festival, located at HNI, the first year students of the <a href="http://xpub.pzimediadesign.nl/">Experimental Publishing</a> path will present their trimester work <em>Interfacing the Law</em>. Later in the evening, graduating students present their graduation projects, and discuss their practice with guests.</p>
<p>The course is a two-year, full-time, international, English-language <p><strong>17:00- 19:00 Special Issue #3: Interfacing the Law</strong> The HNI Library</p>
study programme. It comprises six study trimesters. The first three <p>Public event, presentations of projects with guest Séverine Dusollier (SciencesPo)</p>
include thematic seminars, technical sessions and a reading, writing and <p><strong>17:00 - 21:00 Mystery Tour For All Ages</strong></p>
research methodologies seminar to support your developing research path. <p>Ministry Of Anomie and volunteers</p>
The last three are focused on your individual graduation project with <p><strong>21:30 - 22:30 Adverserial Interface Space</strong> 5th Floor</p>
tailored tutorial support.</p> <p>Presentation and Q&amp;A with Femke Snelting</p>
<p>This academic year we are establishing two new specialist study paths to <!--h1>DAY TWO</h1-->
allow students to intensively engage with a particular aspect of the <h1>JUNE 16th - 13.00-21.00<br/>
contemporary media landscape: lens-based and experimental publishing.</p> PUBLIC SCREENINGS</h1>
<p>KINO Cinema<br/>
Gouvernestraat 129-133<br/>
3014 PM Rotterdam<br/>
<a href="https://kinorotterdam.nl/">kinorotterdam.nl</a>
</p>
<p>The second day of the festival is an evening of public screenings: works by first year students of the lens-based path, followed by films of graduating students.</p>
<p><strong>18.00 - 18.30</strong> KINO GRAND Cafe</p>
<p>Come and join us for drinks in the KINO GRAND Cafe</p>
<p><strong>18.30 - 19.30 Lens-Based Cohort Screening</strong>
<p><em>Works &amp; Research In Progress</em></p>
<p><strong>20.00 - 22.00 Graduation Film Screenings</strong> KINO 4</p>
<p>PZI / WDKA</p>
<p>Rotterdam University of Applied Sciences</p>
<p><a href="http://www.pzimediadesign.nl/"><em>www.pzimediadesign.nl</em></a></p>
<div class="project"> <div class="project">
<p ><a href="http://www.pzwart.nl/">Master Media Design & Communication</a></p> <p ><a href="http://www.pzwart.nl/">Master Media Design & Communication</a></p>

@ -49,7 +49,7 @@ def create_page(memberpages, mode):
articledict[key] = replace_video(articledict['Content']) articledict[key] = replace_video(articledict['Content'])
articledict['Imgs'] = mw_page_imgsurl(site, page, articledict['Thumbnail'] ) articledict['Imgs'] = mw_page_imgsurl(site, page, articledict['Thumbnail'] )
pprint.pprint( articledict)
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')
@ -73,24 +73,40 @@ def create_page(memberpages, mode):
page_website.text=articledict['Website'] page_website.text=articledict['Website']
page_thumb = page_tree.find('.//img[@id="thumbnail"]') page_thumb = page_tree.find('.//img[@id="thumbnail"]')
page_thumb.set('src', articledict['Thumbnail']) page_thumb.set('src', articledict['Thumbnail'])
#print
#print ET.tostring(page_tree)
#print
figures = page_tree.findall('.//figure') figures = page_tree.findall('.//figure')
for figure in figures: images = page_tree.findall('.//img')
img = figure.find('.//img') print 'Number of imgs:', len(images)
figcaption = figure.find('.//figcaption')
img_src = img.get('src') if len(figures) > 0:
figcaption_text = figcaption.text print 'figures', figures
if figcaption_text == img_src:# remove figcation if == src for figure in figures:
figure.remove(figcaption) img = figure.find('.//img')
figcaption = figure.find('.//figcaption')
src = (('File:'+img_src).capitalize()).decode('utf-8') img_src = img.get('src')
if src in articledict['Imgs'].keys(): #full-url print img_src
url = (articledict['Imgs'][src]) figcaption_text = figcaption.text
print url if figcaption_text == img_src:# remove figcation if == src
img.set('src', url) figure.remove(figcaption)
src = (('File:'+img_src).capitalize()).decode('utf-8')
if src in articledict['Imgs'].keys(): #full-url
url = (articledict['Imgs'][src])
print url
img.set('src', url)
else:
for img in images:
img_src = img.get('src')
print img_src
src = (('File:'+img_src).capitalize()).decode('utf-8')
if src in articledict['Imgs'].keys(): #full-url
url = (articledict['Imgs'][src])
print url
img.set('src', url)
print ET.tostring(img)
img.set('title', (img.get('title').replace('fig:','')) )
# save work page # save work page
creator = articledict['Creator'].encode('ascii', 'ignore') creator = articledict['Creator'].encode('ascii', 'ignore')
creator = creator.replace(' ','_') creator = creator.replace(' ','_')

@ -14,6 +14,10 @@ body {
font-family: 'texgyreheroscnbold'; font-family: 'texgyreheroscnbold';
} }
hr {
border-top: 3px black double;
}
h1, p { h1, p {
padding: 0; padding: 0;
margin: 0; margin: 0;
@ -29,6 +33,11 @@ h2 {
margin: 0; margin: 0;
} }
h2.white{ color:white;
font-size: 20px;
font-weight: bold;
}
a:visited { color:black} a:visited { color:black}
.hiddenOverflow{ .hiddenOverflow{
@ -214,12 +223,19 @@ p.colophon {5px!important;}
overflow: auto; overflow: auto;
} }
#sideBarDescInner p{ #sideBarDescInner p {
padding: 10px; padding: 10px;
line-height: 1.4; line-height: 1.4;
font-size: 16px; font-size: 16px;
font-family: "inconsolata", monospace; font-family: "inconsolata", monospace;
border-bottom: 3px double black; }
#sideBarDescInner li {
padding: 5px;
line-height: 1.4;
font-size: 15px;
font-family: "inconsolata", monospace;
} }
#sideBarDescInner a{ #sideBarDescInner a{
@ -408,7 +424,7 @@ label{
line-height: 21px; line-height: 21px;
font-size: 15px; font-size: 15px;
font-family: "inconsolata", monospace; font-family: "inconsolata", monospace;
border-bottom: 3px double black; border-bottom:0px double black;
} }
#sidebar { #sidebar {
@ -426,7 +442,7 @@ label{
.zwartAreaFull h1{ .zwartAreaFull h1{
font-size: 30px; font-size: 30px;
text-indent: 20px; text-indent: 0px;
} }
.colophon, .highlight { .colophon, .highlight {

@ -52,56 +52,85 @@
<div class="sidebarBorder" id="sidebar"> <div class="sidebarBorder" id="sidebar">
<div id="sidebarInner"> <div id="sidebarInner">
<div id="sideBarDesc"> <div id="sideBarDesc">
<div id="sideBarDescInfo"><!--p&gt;Fuzzy Logic&lt;/p--></div> <div id="sideBarDescInfo"><p>Piet Zwart Master Media Design Graduate Festival 2017</p></div>
<div id="sideBarDescInner"> <div id="sideBarDescInner">
<p class="hightlightSidebar">Graduation Show 2017: <!--NAME--></p> <p class="hightlightSidebar">
<p><!-- DATEs --> </p> </p><p>JUNE 15th 17.00-24.00: Het Nieuwe Instituut
<p>Locations: </p> </p><ul>
<li>17:00- 19:00 Special Issue #3: Interfacing the Law <i>The HNI Library</i></li>
</div> <li>17:00 - 21:00 Mystery Tour For All Ages</li>
</div> <li>21:30 - 22:30 Adverserial Interface Space <i>5th Floor</i></li>
</div> </ul>
<p></p>
<hr>
<p>JUNE 16th 13.OO-21.00: <a href="https://kinorotterdam.nl/">KINO Cinema</a></p><a href="https://kinorotterdam.nl/">
<ul>
<li>18.00 - 18.30 KINO GRAND Cafe: welcome drinks </li>
<li>18.30 - 19.30 Lens-Based Cohort Screening</li>
<li>20.00 - 22.00 Graduation Film Screenings KINO 4</li> </ul>
</a></div><a href="https://kinorotterdam.nl/">
</a></div><a href="https://kinorotterdam.nl/">
</a></div><a href="https://kinorotterdam.nl/">
<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> </a></div><a href="https://kinorotterdam.nl/">
<div class="zwartArea sidebarBorderLeft zwartAreaWhite" id="section02"> </a><div class="zwartArea sidebarBorderLeft zwartAreaWhite" id="section02"><a href="https://kinorotterdam.nl/">
<div class="fixedsticky" id="filter"> </a><div class="fixedsticky" id="filter"><a href="https://kinorotterdam.nl/">
<p><!--Fuzzy Logic: Media Design and Communication MA 2016 Graduation Show--> <a class="closeSidebar"><img src="./img/arrowUp.svg"></a></p> </a><p><a href="https://kinorotterdam.nl/"><!--Fuzzy Logic: Media Design and Communication MA 2016 Graduation Show--> </a><a class="closeSidebar"><img src="./img/arrowUp.svg"></a></p>
</div> </div>
<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="Luther Blisset" data-date="2017" data-title="Qq" id="Qq"><a class="work" href="works/2017-Luther_Blisset.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/8/85/Luther-blissett-300.jpg"></a></div></div> <div class="item" data-creator="Samira Damato" data-date="2017" data-title="Surrogate" id="Surrogate"><a class="work" href="works/2017-Samira_Damato.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/7/7d/S.Damato1.jpg"></a></div><div class="item" data-creator="Xiting Xu" data-date="2017" data-title="All about Fresh to Decay" id="All about Fresh to Decay"><a class="work" href="works/2017-Xiting_Xu.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/6/67/Chloe0503.jpg"></a></div><div class="item" data-creator="Nataliya Sinelshchikova" data-date="2017" data-title="Digital landscapes" id="Digital landscapes"><a class="work" href="works/2017-Nataliya_Sinelshchikova.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/e/ee/Filler.png"></a></div><div class="item" data-creator="Sara Hamadeh" data-date="2017" data-title="The Face of a Refusing Machine" id="The Face of a Refusing Machine"><a class="work" href="works/2017-Sara_Hamadeh.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/d/d4/Boeing_2.png"></a></div><div class="item" data-creator="Stone Ying Shi" data-date="2017" data-title="Bonsai" id="Bonsai"><a class="work" href="works/2017-Stone_Ying_Shi.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/9/99/0509-011500.jpg"></a></div><div class="item" data-creator="Colm O' Neill" data-date="2017" data-title="Adversarial Interfacing" id="Adversarial Interfacing"><a class="work" href="works/2017-Colm_O'_Neill.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/8/81/Not-that-hard.png"></a></div><div class="item" data-creator="AnomicMinistry" data-date="2017" data-title="MA" id="MA"><a class="work" href="works/2017-AnomicMinistry.html"><img class="work" src="https://pzwiki.wdka.nl/mw-mediadesign/images/0/0d/MA.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">
<!-- MORE TEXT --> <!-- MORE TEXT -->
<h1>Piet Zwart Institute</h1> <!--h1&gt;DAY ONE&lt;/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> <h1>JUNE 15th - 17.00-24.00 <br>
<p><a href="http://www.pzwart.nl/">http://www.pzwart.nl/</a></p> PRESENTATIONS, LECTURES &amp; INTERVIEWS</h1>
<br> <p>Het Nieuwe Instituut<br>
<h1>Master Media Design &amp; Communication</h1> Museumpark 25<br>
<p>The Piet Zwart Institute Master Media Design &amp; Communication is a 3015CB<br>
research orientated master programme, with a strong emphasis on the Rotterdam<br>
connection between practice and theory. The course focused on <a href="http://hetnieuweinstituut.nl/">hetnieuweinstituut.nl</a>
practice-led research through project-based work will equip you to </p>
create a distinctive voice as an artist/designer in the contemporary
media landscape.</p> <p>For the first part of this festival, located at HNI, the first year students of the <a href="http://xpub.pzimediadesign.nl/">Experimental Publishing</a> path will present their trimester work <em>Interfacing the Law</em>. Later in the evening, graduating students present their graduation projects, and discuss their practice with guests.</p>
<p>The course is a two-year, full-time, international, English-language <p><strong>17:00- 19:00 Special Issue #3: Interfacing the Law</strong> The HNI Library</p>
study programme. It comprises six study trimesters. The first three <p>Public event, presentations of projects with guest Séverine Dusollier (SciencesPo)</p>
include thematic seminars, technical sessions and a reading, writing and <p><strong>17:00 - 21:00 Mystery Tour For All Ages</strong></p>
research methodologies seminar to support your developing research path. <p>Ministry Of Anomie and volunteers</p>
The last three are focused on your individual graduation project with <p><strong>21:30 - 22:30 Adverserial Interface Space</strong> 5th Floor</p>
tailored tutorial support.</p> <p>Presentation and Q&amp;A with Femke Snelting</p>
<p>This academic year we are establishing two new specialist study paths to <!--h1&gt;DAY TWO&lt;/h1-->
allow students to intensively engage with a particular aspect of the <h1>JUNE 16th - 13.00-21.00<br>
contemporary media landscape: lens-based and experimental publishing.</p> PUBLIC SCREENINGS</h1>
<p>KINO Cinema<br>
Gouvernestraat 129-133<br>
3014 PM Rotterdam<br>
<a href="https://kinorotterdam.nl/">kinorotterdam.nl</a>
</p>
<p>The second day of the festival is an evening of public screenings: works by first year students of the lens-based path, followed by films of graduating students.</p>
<p><strong>18.00 - 18.30</strong> KINO GRAND Cafe</p>
<p>Come and join us for drinks in the KINO GRAND Cafe</p>
<p><strong>18.30 - 19.30 Lens-Based Cohort Screening</strong>
</p><p><em>Works &amp; Research In Progress</em></p>
<p><strong>20.00 - 22.00 Graduation Film Screenings</strong> KINO 4</p>
<p>PZI / WDKA</p>
<p>Rotterdam University of Applied Sciences</p>
<p><a href="http://www.pzimediadesign.nl/"><em>www.pzimediadesign.nl</em></a></p>
<div class="project"> <div class="project">
<p><a href="http://www.pzwart.nl/">Master Media Design &amp; Communication</a></p> <p><a href="http://www.pzwart.nl/">Master Media Design &amp; Communication</a></p>

Loading…
Cancel
Save