You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
110 lines
3.5 KiB
HTML
110 lines
3.5 KiB
HTML
<!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: 30%;
|
|
margin:0;
|
|
float: left;
|
|
height: 100vh;
|
|
overflow-y: scroll;
|
|
overflow-x: hidden;
|
|
letter-spacing: 1px;
|
|
}
|
|
#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: 70%;
|
|
margin:0;
|
|
padding: 0;
|
|
float: left;
|
|
height: 100vh;
|
|
}
|
|
#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="description">
|
|
|
|
<p>SPECIAL ISSUE 6: Interfacing the Law</p>
|
|
<p id="title">XPERIMENTAL POTENTIAL PIRATE LIBRARY</p>
|
|
<p>How can the right to access to knowledge be held up against claims of copyright? How can we battle the terror of the mind produced by the current intellectual property regime? Interfacing the law is an attempt to build a series of platforms, both in the sense of on-line interfaces and of public discourse, that allow us to experiment with, to openly discuss and to reflect on reading together while the next wave of court cases is waiting to happen. It is urgent that we find ways to make the public debate transcend the juridical binary of illegal vs. legal, and claim political legitimacy for acting out the potential of digital publishing, and the possibility of sharing and reading digital books.</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><a class="link" href = "http://lib.xpub.nl">Go to library</a></p>
|
|
<p>by: Natasha Berting, Angeliki Diakrousi, Joca van der Horst, Alexander Roidl, Alice Strete and Zalán Szakács</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>
|