<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>SPECIAL ISSUE 6: Interfacing the Law</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <style> @font-face { font-family: 'special-issue-6'; src: url('fonts/ArchivoNarrow-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/ArchivoNarrow-Regular.woff') format('woff'), url('fonts/ArchivoNarrow-Regular.ttf') format('truetype'); } body{ margin:0; padding: 0; } #container{ width: 100%; margin:0; } #description{ width: 25%; margin:0; float: left; height: 100vh; overflow-y: scroll; overflow-x: hidden; letter-spacing: 1px; box-sizing: border-box; } #description p{ padding-top: 20px; padding-left: 20px; padding-right: 20px; font-family: "special-issue-6"; font-size: 16px; padding-bottom: 0; } #description a{ background-color: yellow; text-decoration: none; color: black; padding: 5px; } #pdfs{ width: 25%; margin:0; padding: 0; float: left; height: 100vh; box-sizing: border-box; } #video{ width: 50%; margin:0; padding: 0; box-sizing: border-box; float: left; display: flex; align-items: center; height: 100vh; background-color: black; } #video video{ } #title{ cursor: pointer; font-size: 28px!important; } </style> </head> <body> <div id="container"> <div id="pdfs"> <embed src="https://pzwiki.wdka.nl/mw-mediadesign/images/9/9d/XPPL-SPECIALISSUE4.pdf" width="100%" height="25%" alt="pdf" pluginspage="https://www.adobe.com/products/acrobat/readstep2.html"> <embed id="main_pdf" src="https://pzwiki.wdka.nl/mw-mediadesign/images/c/c5/XPPL-POSTER2.pdf" width="100%" height="50%" alt="pdf" pluginspage="https://www.adobe.com/products/acrobat/readstep2.html"> <embed src="https://pzwiki.wdka.nl/mw-mediadesign/images/b/b2/XPPL-SPECIALISSUE3.pdf" width="100%" height="25%" alt="pdf" pluginspage="https://www.adobe.com/products/acrobat/readstep2.html"> </div> <div id="video"> <video width="100%" controls> <source src="https://media.xpub.nl/special_issue_06-web.mp4" poster="preview.png" type="video/mp4"> Your browser does not support the video tag :( Try a recent version of Firefox or Chromium! </video> </div> <div id="description"> <p>SPECIAL ISSUE 6: Interfacing the Law</p> <p id="title">XPERIMENTAL POTENTIAL PIRATE LIBRARY</p> <p> From April to June 2018, the practitioners of the Media Design Experimental Publishing Master course (XPUB) of the Piet Zwart Institute worked on XPPL: a project under the special issue INTERFACING THE LAW: an ongoing research project between XPUB and CONSTANT about extra-legal libraries, software and legal interfaces, intellectual property, and network catalogues. Every year we explore some facets of these issues, and XPPL is the result of this year's collaboration. </p> <p> The XPPL is released under the AGPL license. It is a continuous work in progress. Through workshops, guides and discussions the library is open to future generations of students, peers, and researchers to augment, intervene and learn. </p> <p><a class="link" href = "http://lib.xpub.nl">Go to library</a></p> <p>Special Thanks to Femke Snelting, Bodó Balázs, Dušan Barok, André Castro, Séverine Dusollier, Aymeric Mansoux, Marcell Mars, Ania Molenda, Michael Murtaugh, Dubravka Sekulic, Steve Rushton</p> <p> This event is facilitated by XPUB practitioners: Natasha Berting, Angeliki Diakrousi, Joca van der Horst, Alexander Roidl, Alice Strete and Zalán Szakács, with a guest contribution by Dubravka Sekulic. </p> <br><br> </div> </div> <script> $( "#title" ).click(function() { generateTitle(this); }); $( document ).ready(function() { generateTitle("#title"); }); function generateTitle(elem){ var x = ["XPERIMENTAL"] var p1 = ["POTENTIAL", "PUBLIC", "POST", "PI", "PLATFORM FOR", "PRETENTIOUS"] var p2 = ["PIRATE", "PERFORMATIVE", "PUBLIC", "PUBLISHING", "POTENTIAL"] var l = ["LIBRARY", "LIAISON", "LAB", "LEGALITY", "LABOUR"] $(elem).text(x[Math.floor(Math.random()*x.length)]+" "+p1[Math.floor(Math.random()*p1.length)]+" "+p2[Math.floor(Math.random()*p2.length)]+" "+l[Math.floor(Math.random()*l.length)]); } </script> </body> </html>