adjustments to index template

master
Castro0o 10 years ago
parent 7edbdb60bd
commit a9e5722543

@ -51,24 +51,24 @@
<div id="sideBarDesc"> <div id="sideBarDesc">
<div id="sideBarDescInfo"><p>Tempted by Tomorrow</p> </div> <div id="sideBarDescInfo"><p>Tempted by Tomorrow</p> </div>
<div id="sideBarDescInner"> <div id="sideBarDescInner">
<h2> Graduation 2015: Tempted by Tomorrow </h2> <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>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 class="hightlightSidebar">Exhibition date: 10-28 of June, 2015 <br> Location: WORM and V2, Rotterdam </p>
<p>Work by: <br> <p>Work by: <br>
Mihail Lyubomoriv Bakalav (BG) <br> Mihail Bakalov (BG) <br>
Caetano Maciel de Carvalho (BR) <br> Caetano Carvalho (BR) <br>
Junyu Chen (CN) <br> Junyu Chen (CN) <br>
Lucia de Macedo Dossin (BR) <br> Lucia Dossin (BR) <br>
Max Dovey (UK) <br> Max Dovey (GB) <br>
Henk-Jelle de Groot (NL) <br> Henk-Jelle de Groot (NL) <br>
Elleke Hageman (NL)<br> Elleke Hageman (NL)<br>
Artyom Kocheryan (AM, NL)<br> Artyom Kocharyan (AM, NL)<br>
Lída Pereira Rodrigues (PT)<br> Lída Pereira (PT)<br>
Luísa da Silva Pereira de Moura (PT)<br> Luísa Moura (PT)<br>
Nikolaos Vogiatzis (GR)<br> Nikos Voyiatzis (GR)<br>
Joseph Knierzinger (AT)<br> Joseph Knierzinger (AT)<br>
Matthijs van Oosterhoudt (NL)</p> Mathijs van Oosterhoudt (NL)</p>
</div> </div>
</div> </div>
</div> </div>
@ -77,7 +77,6 @@
</div> </div>
</div> </div>
<div id="section02" class="zwartArea sidebarBorderLeft zwartAreaWhite"> <div id="section02" class="zwartArea sidebarBorderLeft zwartAreaWhite">
<div id="filter" class="fixedsticky"> <div id="filter" class="fixedsticky">
<p>PZI: Master Media Design & Communication <a class="closeSidebar"><img src="./img/arrowUp.svg"/></a></p> <p>PZI: Master Media Design & Communication <a class="closeSidebar"><img src="./img/arrowUp.svg"/></a></p>
@ -85,47 +84,16 @@
<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 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> </div>
<div id="section03" class="sidebarBorderLeft zwartArea"> <div id="section03" class="sidebarBorderLeft zwartArea">
<div class="zwartAreaFull zwartColophon"> <div class="zwartAreaFull zwartColophon">
<!-- <h1 class="highlight"> Master Media Design & Communication</h1> --> <!-- <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> 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>
<!-- <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> </div>
</div> </div>
</body> </body>
<script src='js/jquery-2.1.3.min.js'></script> <script src='js/jquery-2.1.3.min.js'></script>

@ -48,24 +48,24 @@
<div id="sideBarDesc"> <div id="sideBarDesc">
<div id="sideBarDescInfo"><p>Tempted by Tomorrow</p> </div> <div id="sideBarDescInfo"><p>Tempted by Tomorrow</p> </div>
<div id="sideBarDescInner"> <div id="sideBarDescInner">
<h2> Graduation 2015: Tempted by Tomorrow </h2> <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>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 class="hightlightSidebar">Exhibition date: 10-28 of June, 2015 <br> Location: WORM and V2, Rotterdam </p>
<p>Work by: <br> <p>Work by: <br>
Mihail Lyubomoriv Bakalav (BG) <br> Mihail Bakalov (BG) <br>
Caetano Maciel de Carvalho (BR) <br> Caetano Carvalho (BR) <br>
Junyu Chen (CN) <br> Junyu Chen (CN) <br>
Lucia de Macedo Dossin (BR) <br> Lucia Dossin (BR) <br>
Max Dovey (UK) <br> Max Dovey (GB) <br>
Henk-Jelle de Groot (NL) <br> Henk-Jelle de Groot (NL) <br>
Elleke Hageman (NL)<br> Elleke Hageman (NL)<br>
Artyom Kocheryan (AM, NL)<br> Artyom Kocharyan (AM, NL)<br>
Lída Pereira Rodrigues (PT)<br> Lída Pereira (PT)<br>
Luísa da Silva Pereira de Moura (PT)<br> Luísa Moura (PT)<br>
Nikolaos Vogiatzis (GR)<br> Nikos Voyiatzis (GR)<br>
Joseph Knierzinger (AT)<br> Joseph Knierzinger (AT)<br>
Matthijs van Oosterhoudt (NL)</p> Mathijs van Oosterhoudt (NL)</p>
</div> </div>
</div> </div>
</div> </div>
@ -74,7 +74,6 @@
</div> </div>
</div> </div>
<div class="zwartArea sidebarBorderLeft zwartAreaWhite" id="section02"> <div class="zwartArea sidebarBorderLeft zwartAreaWhite" id="section02">
<div class="fixedsticky" id="filter"> <div class="fixedsticky" id="filter">
<p>PZI: Master Media Design &amp; Communication <a class="closeSidebar"><img src="./img/arrowUp.svg"></a></p> <p>PZI: Master Media Design &amp; Communication <a class="closeSidebar"><img src="./img/arrowUp.svg"></a></p>
@ -82,49 +81,18 @@
<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 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="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/8/85/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/6/6a/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 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/8/85/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/6/6a/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">
<div class="zwartAreaFull zwartColophon"> <div class="zwartAreaFull zwartColophon">
<!-- &lt;h1 class="highlight"&gt; Master Media Design &amp; Communication&lt;/h1&gt; --> <!-- &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> <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>
<!-- &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> </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>

Loading…
Cancel
Save