|
|
@ -6,7 +6,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
<title>XPUB Grad</title>
|
|
|
|
<title>XPUB Grad</title>
|
|
|
|
<meta name="description" content="XPUB">
|
|
|
|
<meta name="description" content="XPUB">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<link rel="stylesheet" href="main.css">
|
|
|
|
<link rel="stylesheet" href="main.css">
|
|
|
|
</head>
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
@ -43,17 +43,17 @@
|
|
|
|
<div class='wrap'>
|
|
|
|
<div class='wrap'>
|
|
|
|
<div class='upbar'><a href="#"><p><span class='uptitle'>trailer.mp4</span><span class='upclose'>X</span></p></a></div>
|
|
|
|
<div class='upbar'><a href="#"><p><span class='uptitle'>trailer.mp4</span><span class='upclose'>X</span></p></a></div>
|
|
|
|
<div class='twowrap-trailer'>
|
|
|
|
<div class='twowrap-trailer'>
|
|
|
|
|
|
|
|
|
|
|
|
<div class='iframe-container'>
|
|
|
|
<div class='iframe-container'>
|
|
|
|
<iframe src="https://player.vimeo.com/video/159634567" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
|
|
|
|
<iframe src="https://player.vimeo.com/video/159634567" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id='2020-att1'>
|
|
|
|
<div id='2020-att1'>
|
|
|
|
|
|
|
|
|
|
|
|
<div class='wrap'>
|
|
|
|
<div class='wrap'>
|
|
|
|
<!--to avoid jumps, href for class='close' on top divs (corresponding to the most recent graduation year) should be left at '#'-->
|
|
|
|
<!--to avoid jumps, href for class='close' on top divs (corresponding to the most recent graduation year) should be left at '#'-->
|
|
|
|
<div class='upbar'><a href="#"><p><span class='uptitle'>publication name</span><span class='upclose'>X</span></p></a></div>
|
|
|
|
<div class='upbar'><a href="#"><p><span class='uptitle'>publication name</span><span class='upclose'>X</span></p></a></div>
|
|
|
@ -62,7 +62,7 @@
|
|
|
|
<img src='img/ex2.jpg'/>
|
|
|
|
<img src='img/ex2.jpg'/>
|
|
|
|
<img src='img/ex3.jpg'/></div>
|
|
|
|
<img src='img/ex3.jpg'/></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id='2020-att2'>
|
|
|
|
<div id='2020-att2'>
|
|
|
|
<div class='wrap'>
|
|
|
|
<div class='wrap'>
|
|
|
@ -142,15 +142,15 @@
|
|
|
|
<div class='wrap'>
|
|
|
|
<div class='wrap'>
|
|
|
|
<div class='upbar'><a href="#"><p><span class='uptitle'>trailer.mp4</span><span class='upclose'>X</span></p></a></div>
|
|
|
|
<div class='upbar'><a href="#"><p><span class='uptitle'>trailer.mp4</span><span class='upclose'>X</span></p></a></div>
|
|
|
|
<div class='twowrap-trailer'>
|
|
|
|
<div class='twowrap-trailer'>
|
|
|
|
|
|
|
|
|
|
|
|
<div class='iframe-container'>
|
|
|
|
<div class='iframe-container'>
|
|
|
|
<iframe src="https://player.vimeo.com/video/159634567" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
|
|
|
|
<iframe src="https://player.vimeo.com/video/159634567" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id='2019-att1'>
|
|
|
|
<div id='2019-att1'>
|
|
|
|
<div class='wrap'>
|
|
|
|
<div class='wrap'>
|
|
|
|
<div class='upbar'><a href="#"><p><span class='uptitle'>publication name</span><span class='upclose'>X</span></p></a></div>
|
|
|
|
<div class='upbar'><a href="#"><p><span class='uptitle'>publication name</span><span class='upclose'>X</span></p></a></div>
|
|
|
@ -160,13 +160,13 @@
|
|
|
|
<img src='img/ex3.jpg'/></div>
|
|
|
|
<img src='img/ex3.jpg'/></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id='2018'>
|
|
|
|
<div id='2018'>
|
|
|
|
<div id='2018-att-video'>
|
|
|
|
<div id='2018-att-video'>
|
|
|
|
<div class='wrap'>
|
|
|
|
<div class='wrap'>
|
|
|
|
<div class='upbar'><a href="#"><p><span class='uptitle'>XPUB Gradshow 2018</span><span class='upclose'>X</span></p></a></div>
|
|
|
|
<div class='upbar'><a href="#"><p><span class='uptitle'>XPUB Gradshow 2018</span><span class='upclose'>X</span></p></a></div>
|
|
|
|
<div class='twowrap-trailer'>
|
|
|
|
<div class='twowrap-trailer'>
|
|
|
|
|
|
|
|
|
|
|
|
<div class='video-container'>
|
|
|
|
<div class='video-container'>
|
|
|
|
<video controls="" width="100%">
|
|
|
|
<video controls="" width="100%">
|
|
|
|
<source src="https://media.xpub.nl/gradshow-2018-web.mp4" poster="" type="video/mp4">
|
|
|
|
<source src="https://media.xpub.nl/gradshow-2018-web.mp4" poster="" type="video/mp4">
|
|
|
@ -174,7 +174,7 @@
|
|
|
|
Try a recent version of Firefox or Chromium!
|
|
|
|
Try a recent version of Firefox or Chromium!
|
|
|
|
</video>
|
|
|
|
</video>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -258,11 +258,11 @@
|
|
|
|
<img src='img/ex2.jpg'/>
|
|
|
|
<img src='img/ex2.jpg'/>
|
|
|
|
<img src='img/ex3.jpg'/></div>
|
|
|
|
<img src='img/ex3.jpg'/></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
@ -326,7 +326,7 @@
|
|
|
|
<p class='subcl2'><a href='empty.html' target="_blank" class='ext'>Project Name</a></p>
|
|
|
|
<p class='subcl2'><a href='empty.html' target="_blank" class='ext'>Project Name</a></p>
|
|
|
|
<p class='subcl3'><a href='test.pdf' target="_blank" class='ext'>PDF</a> // <a href='#2020-att9' class='int'>IMG</a></p>
|
|
|
|
<p class='subcl3'><a href='test.pdf' target="_blank" class='ext'>PDF</a> // <a href='#2020-att9' class='int'>IMG</a></p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id='year2019' class='row'>
|
|
|
|
<div id='year2019' class='row'>
|
|
|
|
<div class='col1'><img src='img/logo.jpg' class='logo'/><p class='gradShow'>Grad Show Title</p><p>2019</p></div>
|
|
|
|
<div class='col1'><img src='img/logo.jpg' class='logo'/><p class='gradShow'>Grad Show Title</p><p>2019</p></div>
|
|
|
@ -353,7 +353,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class='subrow'>
|
|
|
|
<div class='subrow'>
|
|
|
|
<p class='subcl1'>Alexander Roidl</p>
|
|
|
|
<p class='subcl1'>Alexander Roidl</p>
|
|
|
|
<p class='subcl2'><a href='2019/Alexander_Roidl/empty.html' target="_blank" class='ext'>Project Name</a></p>
|
|
|
|
<p class='subcl2'><a href='2019/Alexander_Roidl/empty.html' target="_blank" class='ext'>Poetic Software</a></p>
|
|
|
|
<p class='subcl3'><!--a href='test.pdf' target="_blank" class='ext'>PDF</a> // <a href='#2018-att4' class='int'>IMG</a--></p>
|
|
|
|
<p class='subcl3'><!--a href='test.pdf' target="_blank" class='ext'>PDF</a> // <a href='#2018-att4' class='int'>IMG</a--></p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class='subrow'>
|
|
|
|
<div class='subrow'>
|
|
|
@ -366,7 +366,7 @@
|
|
|
|
<p class='subcl2'><a href='2019/Zalan_Szakacs/empty.html' target="_blank" class='ext'>Project Name</a></p>
|
|
|
|
<p class='subcl2'><a href='2019/Zalan_Szakacs/empty.html' target="_blank" class='ext'>Project Name</a></p>
|
|
|
|
<p class='subcl3'><!--a href='test.pdf' target="_blank" class='ext'>PDF</a> // <a href='#2018-att6' class='int'>IMG</a--></p>
|
|
|
|
<p class='subcl3'><!--a href='test.pdf' target="_blank" class='ext'>PDF</a> // <a href='#2018-att6' class='int'>IMG</a--></p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id='year2018' class='row'>
|
|
|
|
<div id='year2018' class='row'>
|
|
|
|