<!doctype html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< title > XPUB Grad< / title >
< meta name = "description" content = "XPUB" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< link rel = "stylesheet" href = "main.css" >
< / head >
< body >
< div id = 'wrapper' > < / div >
< header >
< h1 > XPUB < a href = '#hleft-text' id = 'show' class = 'int' > >>< / a > < / h1 >
< div id = 'links' >
< a href = "https://xpub.nl" target = "_blank" class = 'ext' > xpub.nl< / a >
< a href = "http://pzwiki.wdka.nl/mediadesign/" target = "_blank" class = 'ext' > XPUB wiki< / a > < / div >
< div id = 'hleft-text' >
< a href = # id = 'back' >
< div id = 'inner-hleft-text' >
< div id = 'ihtp' >
< p > Experimental Publishing (XPUB) is a new study path of the Piet Zwart Institute's Media Design Master programme. XPUB's interests in publishing are twofold:< / br > < / br >
-> first, publishing as the inquiry and participation into the technological frameworks, political context and cultural processes through which things are made public;< / br > < / br >
-> and second, publishing as the desire to expand the means of discourse circulation beyond print media and its direct digital translation.< / br > < / br > < span id = 'getback' > go back < / span > < / p >
< / div >
< / div >
< / a >
< / div >
< / header >
< section id = 'main' >
< div id = 'luxurious-xpuf' >
< div id = '2020' >
< div id = '2020-att-video' >
< 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 = 'twowrap-trailer' >
< div class = 'iframe-container' >
< iframe src = "https://player.vimeo.com/video/159634567" webkitallowfullscreen mozallowfullscreen allowfullscreen > < / iframe >
< / div >
< / div >
< / div >
< / div >
< div id = '2020-att1' >
< div class = 'wrap' >
<!-- 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 = 'twowrap' >
< img src = 'img/ex1.jpg' / >
< img src = 'img/ex2.jpg' / >
< img src = 'img/ex3.jpg' / > < / div >
< / div >
< / div >
< div id = '2020-att2' >
< 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 = 'twowrap' >
< img src = 'img/ex1.jpg' / >
< img src = 'img/ex2.jpg' / >
< img src = 'img/ex3.jpg' / > < / div >
< / div >
< / div >
< div id = '2020-att3' >
< 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 = 'twowrap' >
< img src = 'img/ex1.jpg' / >
< img src = 'img/ex2.jpg' / >
< img src = 'img/ex3.jpg' / > < / div >
< / div >
< / div >
< div id = '2020-att4' >
< 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 = 'twowrap' >
< img src = 'img/ex1.jpg' / >
< img src = 'img/ex2.jpg' / >
< img src = 'img/ex3.jpg' / > < / div >
< / div >
< / div >
< div id = '2020-att5' >
< 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 = 'twowrap' >
< img src = 'img/ex1.jpg' / >
< img src = 'img/ex2.jpg' / >
< img src = 'img/ex3.jpg' / > < / div >
< / div >
< / div >
< div id = '2020-att6' >
< 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 = 'twowrap' >
< img src = 'img/ex1.jpg' / >
< img src = 'img/ex2.jpg' / >
< img src = 'img/ex3.jpg' / > < / div >
< / div >
< / div >
< div id = '2020-att7' >
< 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 = 'twowrap' >
< img src = 'img/ex1.jpg' / >
< img src = 'img/ex2.jpg' / >
< img src = 'img/ex3.jpg' / > < / div >
< / div >
< / div >
< div id = '2020-att8' >
< 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 = 'twowrap' >
< img src = 'img/ex1.jpg' / >
< img src = 'img/ex2.jpg' / >
< img src = 'img/ex3.jpg' / > < / div >
< / div >
< / div >
< div id = '2020-att9' >
< 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 = 'twowrap' >
< img src = 'img/ex1.jpg' / >
< img src = 'img/ex2.jpg' / >
< img src = 'img/ex3.jpg' / > < / div >
< / div >
< / div >
< / div >
< div id = '2019' >
< div id = '2019-att-video' >
< 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 = 'twowrap-trailer' >
< div class = 'iframe-container' >
< iframe src = "https://player.vimeo.com/video/159634567" webkitallowfullscreen mozallowfullscreen allowfullscreen > < / iframe >
< / div >
< / div >
< / div >
< / div >
< div id = '2019-att1' >
< 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 = 'twowrap-trailer' >
< img src = 'img/ex1.jpg' / >
< img src = 'img/ex2.jpg' / >
< img src = 'img/ex3.jpg' / > < / div >
< / div >
< / div >
< / div >
< div id = '2018' >
< div id = '2018-att-video' >
< 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 = 'twowrap-trailer' >
< div class = 'video-container' >
< video controls = "" width = "100%" >
< source src = "https://media.xpub.nl/gradshow-2018-web.mp4" poster = "" type = "video/mp4" >
Your browser does not support the video tag :(
Try a recent version of Firefox or Chromium!
< / video >
< / div >
< / div >
< / div >
< / div >
< div id = '2018-att1' >
< div class = 'wrap' >
< div class = 'upbar' > < a href = "#year2018" > < p > < span class = 'uptitle' > trailer.mp4< / span > < span class = 'upclose' > X< / span > < / p > < / a > < / div >
< div class = 'twowrap' >
< img src = 'img/ex1.jpg' / >
< img src = 'img/ex2.jpg' / >
< img src = 'img/ex3.jpg' / > < / div >
< / div >
< / div >
< div id = '2018-att2' >
< div class = 'wrap' >
< div class = 'upbar' > < a href = "#year2018" > < p > < span class = 'uptitle' > trailer.mp4< / span > < span class = 'upclose' > X< / span > < / p > < / a > < / div >
< div class = 'twowrap' >
< img src = 'img/ex1.jpg' / >
< img src = 'img/ex2.jpg' / >
< img src = 'img/ex3.jpg' / > < / div >
< / div >
< / div >
< div id = '2018-att3' >
< div class = 'wrap' >
< div class = 'upbar' > < a href = "#year2018" > < p > < span class = 'uptitle' > trailer.mp4< / span > < span class = 'upclose' > X< / span > < / p > < / a > < / div >
< div class = 'twowrap' >
< img src = 'img/ex1.jpg' / >
< img src = 'img/ex2.jpg' / >
< img src = 'img/ex3.jpg' / > < / div >
< / div >
< / div >
< div id = '2018-att4' >
< div class = 'wrap' >
< div class = 'upbar' > < a href = "#year2018" > < p > < span class = 'uptitle' > trailer.mp4< / span > < span class = 'upclose' > X< / span > < / p > < / a > < / div >
< div class = 'twowrap' >
< img src = 'img/ex1.jpg' / >
< img src = 'img/ex2.jpg' / >
< img src = 'img/ex3.jpg' / > < / div >
< / div >
< / div >
< div id = '2018-att5' >
< div class = 'wrap' >
< div class = 'upbar' > < a href = "#year2018" > < p > < span class = 'uptitle' > trailer.mp4< / span > < span class = 'upclose' > X< / span > < / p > < / a > < / div >
< div class = 'twowrap' >
< img src = 'img/ex1.jpg' / >
< img src = 'img/ex2.jpg' / >
< img src = 'img/ex3.jpg' / > < / div >
< / div >
< / div >
< div id = '2018-att6' >
< div class = 'wrap' >
< div class = 'upbar' > < a href = "#year2018" > < p > < span class = 'uptitle' > trailer.mp4< / span > < span class = 'upclose' > X< / span > < / p > < / a > < / div >
< div class = 'twowrap' >
< img src = 'img/ex1.jpg' / >
< img src = 'img/ex2.jpg' / >
< img src = 'img/ex3.jpg' / > < / div >
< / div >
< / div >
< div id = '2018-att7' >
< div class = 'wrap' >
< div class = 'upbar' > < a href = "#year2018" > < p > < span class = 'uptitle' > trailer.mp4< / span > < span class = 'upclose' > X< / span > < / p > < / a > < / div >
< div class = 'twowrap' >
< img src = 'img/ex1.jpg' / >
< img src = 'img/ex2.jpg' / >
< img src = 'img/ex3.jpg' / > < / div >
< / div >
< / div >
< div id = '2018-att8' >
< div class = 'wrap' >
< div class = 'upbar' > < a href = "#year2018" > < p > < span class = 'uptitle' > trailer.mp4< / span > < span class = 'upclose' > X< / span > < / p > < / a > < / div >
< div class = 'twowrap' >
< img src = 'img/ex1.jpg' / >
< img src = 'img/ex2.jpg' / >
< img src = 'img/ex3.jpg' / > < / div >
< / div >
< / div >
< div id = '2018-att9' >
< div class = 'wrap' >
< div class = 'upbar' > < a href = "#year2018" > < p > < span class = 'uptitle' > trailer.mp4< / span > < span class = 'upclose' > X< / span > < / p > < / a > < / div >
< div class = 'twowrap' >
< img src = 'img/ex1.jpg' / >
< img src = 'img/ex2.jpg' / >
< img src = 'img/ex3.jpg' / > < / div >
< / div >
< / div >
< / div >
< / div >
< div id = 'categories' class = 'row' >
< div class = 'col1' > < h2 > Year< / h2 > < / div >
< div class = 'col2' > < h2 > Attachments< / h2 > < / div >
< div class = 'col3' > < h2 > Students< / h2 > < / div >
< div class = 'col4' > < h2 > Projects< / h2 > < / div >
< div class = 'col5' > < h2 > Publications< / h2 > < / div >
< / div >
< div id = 'content' >
< div id = 'year2020' class = 'row' >
< div class = 'col1' > < img src = 'img/logo.jpg' class = 'logo' / > < p class = 'gradShow' > Grad Show Title< / p > < p > 2020< / p > < / div >
< div class = 'col2' >
< p > < a href = '#2020-att-video' class = 'int' > trailer.mp4< / a > < / p >
< / div >
< div class = 'col6' >
< div class = 'subrow' >
< p class = 'subcl1' > Student Name< / 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-att1' class = 'int' > IMG< / a > < / p >
< / div >
< div class = 'subrow' >
< p class = 'subcl1' > Student Name< / p >
< p class = 'subcl2' > < a href = 'empty.html' target = "_blank" class = 'ext' > Project Name< / p >
< p class = 'subcl3' > < a href = 'test.pdf' target = "_blank" class = 'ext' > PDF< / a > // < a href = '#2020-att2' class = 'int' > IMG< / a > < / p >
< / div >
< div class = 'subrow' >
< p class = 'subcl1' > Student Name< / 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-att3' class = 'int' > IMG< / a > < / p >
< / div >
< div class = 'subrow' >
< p class = 'subcl1' > Student Name< / 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-att4' class = 'int' > IMG< / a > < / p >
< / div >
< div class = 'subrow' >
< p class = 'subcl1' > Student Name< / 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-att5' class = 'int' > IMG< / a > < / p >
< / div >
< div class = 'subrow' >
< p class = 'subcl1' > Student Name< / 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-att6' class = 'int' > IMG< / a > < / p >
< / div >
< div class = 'subrow' >
< p class = 'subcl1' > Student Name< / 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-att7' class = 'int' > IMG< / a > < / p >
< / div >
< div class = 'subrow' >
< p class = 'subcl1' > Student Name< / 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-att8' class = 'int' > IMG< / a > < / p >
< / div >
< div class = 'subrow' >
< p class = 'subcl1' > Student Name< / 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 >
< / div >
< / div >
< / div >
< 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 = 'col2' >
< p > <!-- a href='#2019 - att - video' class='int'>trailer.mp4</a --> < / p >
< p > <!-- a href='test.pdf' target="_blank" class='ext'>publication.pdf</a --> < / p >
< p > <!-- a href='#2019 - att1' class='int'>publication.png</a --> < / p >
< / div >
< div class = 'col6' >
< div class = 'subrow' >
< p class = 'subcl1' > Natasha Berting< / p >
< p class = 'subcl2' > < a href = '2019/Natasha_Berting/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 - att1' class='int'>IMG</a --> < / p >
< / div >
< div class = 'subrow' >
< p class = 'subcl1' > Angeliki Diakrousi< / p >
< p class = 'subcl2' > < a href = '2019/Angeliki_Diakrousi/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 - att2' class='int'>IMG</a --> < / p >
< / div >
< div class = 'subrow' >
< p class = 'subcl1' > Joca van der Horst< / p >
< p class = 'subcl2' > < a href = '2019/Joca_van_der_Horst/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 - att3' class='int'>IMG</a --> < / p >
< / div >
< div class = 'subrow' >
< p class = 'subcl1' > Alexander Roidl< / p >
< p class = 'subcl2' > < a href = '2019/Alexander_Roidl/index.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 >
< / div >
< div class = 'subrow' >
< p class = 'subcl1' > Alice Strete< / p >
< p class = 'subcl2' > < a href = '2019/Alice_Strete/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 - att5' class='int'>IMG</a --> < / p >
< / div >
< div class = 'subrow' >
< p class = 'subcl1' > Zalán Szakács< / p >
< p class = 'subcl2' > < a href = '2019/Zalan_Szakacs/index.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 >
< / div >
< / div >
< / div >
< div id = 'year2018' class = 'row' >
< div class = 'col1' > < img src = 'img/2018_grad_logo_inverted.png' class = 'logo' / > < p class = 'gradShow' > Ex, XPUB< / p > < p > 2018< / p > < / div >
< div class = 'col2' >
< p > < a href = '#2018-att-video' class = 'int' > Video trailer< / a > < / p >
< / div >
< div class = 'col6' >
< div class = 'subrow' >
< p class = 'subcl1' > Karina Dukalska< / p >
< p class = 'subcl2' > < a href = 'https://pzimediadesign.nl/works/2018-Karina_Dukalska.html' target = "_blank" class = 'ext' > Back It Up< / a > < / p >
< p class = 'subcl3' > < a href = 'https://media.xpub.nl/thesis/2018/Thesis-K.Dukalska.pdf' target = '_blank' class = 'ext' > PDF< / a > < / p >
< / div >
< div class = 'subrow' >
< p class = 'subcl1' > Franc González< / p >
< p class = 'subcl2' > < a href = 'https://pzimediadesign.nl/works/2018-Franc_Gonzlez.html' target = "_blank" class = 'ext' > Referendum Medialogs< / a > < / p >
< p class = 'subcl3' > < a href = 'https://media.xpub.nl/thesis/2018/Thesis-F.Gonzalez_Rodriguez.pdf' target = '_blank' class = 'ext' > PDF< / a > < / p >
< / div >
< div class = 'subrow' >
< p class = 'subcl1' > Max Franklin< / p >
< p class = 'subcl2' > < a href = 'https://pzimediadesign.nl/works/2018-Max_Franklin.html' target = "_blank" class = 'ext' > Anomolous faces< / a > < / p >
< p class = 'subcl3' > < a href = 'https://media.xpub.nl/thesis/2018/Thesis-M.Franklin.pdf' target = '_blank' class = 'ext' > PDF< / a > < / p >
< / div >
< div class = 'subrow' >
< p class = 'subcl1' > Nadine Rotem Stibbe< / p >
< p class = 'subcl2' > < a href = 'https://pzimediadesign.nl/works/2018-Nadine_Rotem_Stibbe.html' target = "_blank" class = 'ext' > Unpublishing< / a > < / p >
< p class = 'subcl3' > < a href = 'https://media.xpub.nl/thesis/2018/Thesis-N.Rotem-Stibbe.pdf' target = '_blank' class = 'ext' > PDF< / a > < / p >
< / div >
< div class = 'subrow' >
< p class = 'subcl1' > Pleun Gremmen< / p >
< p class = 'subcl2' > < a href = 'https://pzimediadesign.nl/works/2018-Pleun_Gremmen.html' target = "_blank" class = 'ext' > Alt Reality Lexicon< / a > < / p >
< p class = 'subcl3' > < a href = 'https://media.xpub.nl/thesis/2018/Thesis-P.Gremmen.pdfThesis-G.deGiovanelli.pdf' target = '_blank' class = 'ext' > PDF< / a > < / p >
< / div >
< div class = 'subrow' >
< p class = 'subcl1' > Giulia de Giovanelli< / p >
< p class = 'subcl2' > < a href = 'https://pzimediadesign.nl/works/2018-Giulia_de_Giovanelli.html' target = "_blank" class = 'ext' > Unlearning the Rules of Collectivity< / a > < / p >
< p class = 'subcl3' > < a href = 'https://media.xpub.nl/thesis/2018/Thesis-G.deGiovanelli.pdf' target = '_blank' class = 'ext' > PDF< / a > < / p >
< / div >
< / div >
< / div >
< / div >
< / section >
< footer > < / footer >
< / body >
< / html >
