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

text changes. Kino LOG

Browse Source
master
Castro0o 8 years ago
parent d082003c33
commit c94839049b
4 changed files with 55 additions and 40 deletions
Show Stats Download Patch File Download Diff File

34
index-template-2017.html
Unescape Escape View File

@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<title>2017 Graduation Show - Piet Zwart Institute</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="apple-mobile-web-app-capable" content="yes"> <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">
@ -55,10 +55,10 @@
<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>Piet Zwart Master Media Design Graduate Festival 2017</p></div> <div id="sideBarDescInfo"><p>Piet Zwart Institute<br/>Master Media Design Graduate Festival 2017</p></div>
<div id="sideBarDescInner"> <div id="sideBarDescInner">
<p class="hightlightSidebar"> <p class="hightlightSidebar">
<p>JUNE 15th 17.00-24.00: Het Nieuwe Instituut <p>JUNE 15th 17.00-22.30: Het Nieuwe Instituut
<ul> <ul>
<li>17:00- 19:00 Special Issue #3: Interfacing the Law <i>The HNI Library</i></li> <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>17:00 - 21:00 Mystery Tour For All Ages</li>
@ -66,7 +66,7 @@
</ul> </ul>
</p> </p>
<hr/> <hr/>
<p>JUNE 16th 13.OO-21.00: <a href="https://kinorotterdam.nl/">KINO Cinema</p> <p>JUNE 16th 18.OO-22.00: <a href="https://kinorotterdam.nl/">KINO Cinema</a></p>
<ul> <ul>
<li>18.00 - 18.30 KINO GRAND Cafe: welcome drinks </li> <li>18.00 - 18.30 KINO GRAND Cafe: welcome drinks </li>
<li>18.30 - 19.30 Lens-Based Cohort Screening</li> <li>18.30 - 19.30 Lens-Based Cohort Screening</li>
@ -96,7 +96,7 @@
<!--h1>DAY ONE</h1--> <!--h1>DAY ONE</h1-->
<h1>JUNE 15th - 17.00-24.00 </br> <h1>JUNE 15th - 17.00-22.30 </br>
PRESENTATIONS, LECTURES &amp; INTERVIEWS</h1> PRESENTATIONS, LECTURES &amp; INTERVIEWS</h1>
<p>Het Nieuwe Instituut<br/> <p>Het Nieuwe Instituut<br/>
Museumpark 25<br/> Museumpark 25<br/>
@ -105,8 +105,8 @@ Rotterdam<br/>
<a href="http://hetnieuweinstituut.nl/">hetnieuweinstituut.nl</a> <a href="http://hetnieuweinstituut.nl/">hetnieuweinstituut.nl</a>
</p> </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>For the first part of this festival, located at HNI, the first year students of the <a href="http://xpub.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><strong>17:00- 19:00 Special Issue #3: Interfacing the Law</strong> The HNI Library</p> <p><strong>17:00- 19:00 Special Issue #3: Interfacing the Law</strong> The HNI Library</p>
<p>Public event, presentations of projects with guest Séverine Dusollier (SciencesPo)</p> <p>Public event, presentations of projects with guest Séverine Dusollier (SciencesPo)</p>
<p><strong>17:00 - 21:00 Mystery Tour For All Ages</strong></p> <p><strong>17:00 - 21:00 Mystery Tour For All Ages</strong></p>
<p>Ministry Of Anomie and volunteers</p> <p>Ministry Of Anomie and volunteers</p>
@ -114,7 +114,7 @@ Rotterdam<br/>
<p>Presentation and Q&amp;A with Femke Snelting</p> <p>Presentation and Q&amp;A with Femke Snelting</p>
<!--h1>DAY TWO</h1--> <!--h1>DAY TWO</h1-->
<h1>JUNE 16th - 13.00-21.00<br/> <h1>JUNE 16th - 18.00-22.00<br/>
PUBLIC SCREENINGS</h1> PUBLIC SCREENINGS</h1>
<p>KINO Cinema<br/> <p>KINO Cinema<br/>
Gouvernestraat 129-133<br/> Gouvernestraat 129-133<br/>
@ -123,12 +123,13 @@ Gouvernestraat 129-133<br/>
</p> </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>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><strong>18.00 - 18.30</strong></p>
<p>Come and join us for drinks in the 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><strong>18.30 - 19.30</strong></p>
<p><em>Works &amp; Research In Progress</em></p> <p> Lens-Based Cohort Screening <em>Works &amp; Research In Progress</em></p>
<p><strong>20.00 - 22.00 Graduation Film Screenings</strong> KINO 4</p> <p><strong>20.00 - 22.00</strong> KINO 4</p>
<p>Graduation Film Screenings</strong> </p>
<p>PZI / WDKA</p> <p>PZI / WDKA</p>
<p>Rotterdam University of Applied Sciences</p> <p>Rotterdam University of Applied Sciences</p>
@ -137,14 +138,15 @@ Gouvernestraat 129-133<br/>
<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>
<p ><a href="https://xpub.pzimediadesign.nl/">Experimental Publishing Blog</a></p> <p ><a href="http://xpub.nl">Experimental Publishing Blog</a></p>
<p ><a href="2015.html">Graduation Projects 2015</a></p> <p ><a href="2015.html">Graduation Projects 2015</a></p>
<p ><a href="2016.html">Graduation Projects 2016</a></p> <p ><a href="2016.html">Graduation Projects 2016</a></p>
</div> </div>
<hr /> <hr />
<p>Piet Zwart Institute Master Media Design and Communication, Willem de Kooning Academy<br /> Rotterdam University of Applied Sciences <p>Piet Zwart Institute Master Media Design and Communication<br/>Willem de Kooning Academy<br /> Rotterdam University of Applied Sciences
</p> </p>
<p> <a href="https://kinorotterdam.nl/"><img class="logo" src="img/KINO_GEELcmyk.jpg" /></a></p>
</div> </div>
</div> </div>
</div> </div>

11
web/css/style.css
Unescape Escape View File

@ -18,6 +18,12 @@ hr {
border-top: 3px black double; border-top: 3px black double;
} }
.logo {
max-width: 150px;
display: inline-block;
}
h1, p { h1, p {
padding: 0; padding: 0;
margin: 0; margin: 0;
@ -455,6 +461,11 @@ label{
columns: 1; columns: 1;
} }
.logo {
width: 100px;
display: inline;
}
@media only screen and (max-width: 768px){ @media only screen and (max-width: 768px){
#sidebar{ #sidebar{
width: 100%; width: 100%;

BIN
web/img/KINO_GEELcmyk.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 59 KiB

50
web/index.html
Unescape Escape View File

@ -1,5 +1,5 @@
<!DOCTYPE HTML><html><head> <!DOCTYPE HTML><html><head>
<title>2017 Graduation Show - Piet Zwart Institute</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="yes" name="apple-mobile-web-app-capable"> <meta content="yes" name="apple-mobile-web-app-capable">
<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">
@ -52,10 +52,10 @@
<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>Piet Zwart Master Media Design Graduate Festival 2017</p></div> <div id="sideBarDescInfo"><p>Piet Zwart Institute<br>Master Media Design Graduate Festival 2017</p></div>
<div id="sideBarDescInner"> <div id="sideBarDescInner">
<p class="hightlightSidebar"> <p class="hightlightSidebar">
</p><p>JUNE 15th 17.00-24.00: Het Nieuwe Instituut </p><p>JUNE 15th 17.00-22.30: Het Nieuwe Instituut
</p><ul> </p><ul>
<li>17:00- 19:00 Special Issue #3: Interfacing the Law <i>The HNI Library</i></li> <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>17:00 - 21:00 Mystery Tour For All Ages</li>
@ -63,27 +63,27 @@
</ul> </ul>
<p></p> <p></p>
<hr> <hr>
<p>JUNE 16th 13.OO-21.00: <a href="https://kinorotterdam.nl/">KINO Cinema</a></p><a href="https://kinorotterdam.nl/"> <p>JUNE 16th 18.OO-22.00: <a href="https://kinorotterdam.nl/">KINO Cinema</a></p>
<ul> <ul>
<li>18.00 - 18.30 KINO GRAND Cafe: welcome drinks </li> <li>18.00 - 18.30 KINO GRAND Cafe: welcome drinks </li>
<li>18.30 - 19.30 Lens-Based Cohort Screening</li> <li>18.30 - 19.30 Lens-Based Cohort Screening</li>
<li>20.00 - 22.00 Graduation Film Screenings KINO 4</li> </ul> <li>20.00 - 22.00 Graduation Film Screenings KINO 4</li> </ul>
</a></div><a href="https://kinorotterdam.nl/"> </div>
</a></div><a href="https://kinorotterdam.nl/"> </div>
</a></div><a href="https://kinorotterdam.nl/"> </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>
</a></div><a href="https://kinorotterdam.nl/"> </div>
</a><div class="zwartArea sidebarBorderLeft zwartAreaWhite" id="section02"><a href="https://kinorotterdam.nl/"> <div class="zwartArea sidebarBorderLeft zwartAreaWhite" id="section02">
</a><div class="fixedsticky" id="filter"><a href="https://kinorotterdam.nl/"> <div class="fixedsticky" id="filter">
</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> <p><!--Fuzzy Logic: Media Design and Communication MA 2016 Graduation Show--> <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="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 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="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="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 class="item" data-creator="Colm O' Neill" data-date="2017" data-title="Adversarial Interface" id="Adversarial Interface"><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="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>
</div> </div>
<div class="sidebarBorderLeft zwartArea" id="section03"> <div class="sidebarBorderLeft zwartArea" id="section03">
<div class="zwartAreaFull zwartColophon"> <div class="zwartAreaFull zwartColophon">
@ -93,7 +93,7 @@
<!--h1&gt;DAY ONE&lt;/h1--> <!--h1&gt;DAY ONE&lt;/h1-->
<h1>JUNE 15th - 17.00-24.00 <br> <h1>JUNE 15th - 17.00-22.30 <br>
PRESENTATIONS, LECTURES &amp; INTERVIEWS</h1> PRESENTATIONS, LECTURES &amp; INTERVIEWS</h1>
<p>Het Nieuwe Instituut<br> <p>Het Nieuwe Instituut<br>
Museumpark 25<br> Museumpark 25<br>
@ -102,8 +102,8 @@ Rotterdam<br>
<a href="http://hetnieuweinstituut.nl/">hetnieuweinstituut.nl</a> <a href="http://hetnieuweinstituut.nl/">hetnieuweinstituut.nl</a>
</p> </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>For the first part of this festival, located at HNI, the first year students of the <a href="http://xpub.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><strong>17:00- 19:00 Special Issue #3: Interfacing the Law</strong> The HNI Library</p> <p><strong>17:00- 19:00 Special Issue #3: Interfacing the Law</strong> The HNI Library</p>
<p>Public event, presentations of projects with guest Séverine Dusollier (SciencesPo)</p> <p>Public event, presentations of projects with guest Séverine Dusollier (SciencesPo)</p>
<p><strong>17:00 - 21:00 Mystery Tour For All Ages</strong></p> <p><strong>17:00 - 21:00 Mystery Tour For All Ages</strong></p>
<p>Ministry Of Anomie and volunteers</p> <p>Ministry Of Anomie and volunteers</p>
@ -111,7 +111,7 @@ Rotterdam<br>
<p>Presentation and Q&amp;A with Femke Snelting</p> <p>Presentation and Q&amp;A with Femke Snelting</p>
<!--h1&gt;DAY TWO&lt;/h1--> <!--h1&gt;DAY TWO&lt;/h1-->
<h1>JUNE 16th - 13.00-21.00<br> <h1>JUNE 16th - 18.00-22.00<br>
PUBLIC SCREENINGS</h1> PUBLIC SCREENINGS</h1>
<p>KINO Cinema<br> <p>KINO Cinema<br>
Gouvernestraat 129-133<br> Gouvernestraat 129-133<br>
@ -120,12 +120,13 @@ Gouvernestraat 129-133<br>
</p> </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>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><strong>18.00 - 18.30</strong></p>
<p>Come and join us for drinks in the 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><strong>18.30 - 19.30</strong></p>
</p><p><em>Works &amp; Research In Progress</em></p> <p> Lens-Based Cohort Screening <em>Works &amp; Research In Progress</em></p>
<p><strong>20.00 - 22.00 Graduation Film Screenings</strong> KINO 4</p> <p><strong>20.00 - 22.00</strong> KINO 4</p>
<p>Graduation Film Screenings </p>
<p>PZI / WDKA</p> <p>PZI / WDKA</p>
<p>Rotterdam University of Applied Sciences</p> <p>Rotterdam University of Applied Sciences</p>
@ -134,14 +135,15 @@ Gouvernestraat 129-133<br>
<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>
<p><a href="https://xpub.pzimediadesign.nl/">Experimental Publishing Blog</a></p> <p><a href="http://xpub.nl">Experimental Publishing Blog</a></p>
<p><a href="2015.html">Graduation Projects 2015</a></p> <p><a href="2015.html">Graduation Projects 2015</a></p>
<p><a href="2016.html">Graduation Projects 2016</a></p> <p><a href="2016.html">Graduation Projects 2016</a></p>
</div> </div>
<hr> <hr>
<p>Piet Zwart Institute Master Media Design and Communication, Willem de Kooning Academy<br> Rotterdam University of Applied Sciences <p>Piet Zwart Institute Master Media Design and Communication<br>Willem de Kooning Academy<br> Rotterdam University of Applied Sciences
</p> </p>
<p> <a href="https://kinorotterdam.nl/"><img class="logo" src="img/KINO_GEELcmyk.jpg"></a></p>
</div> </div>
</div> </div>
</div> </div>

Write Preview
Loading…
Cancel
Save