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

7 years ago
<!DOCTYPE html>
7 years ago
<html>
7 years ago
<head>
7 years ago
<meta charset="utf-8">
7 years ago
<title>SPECIAL ISSUE 6: Interfacing the Law</title>
7 years ago
<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');
}
7 years ago
body{
margin:0;
padding: 0;
7 years ago
7 years ago
}
#container{
width: 100%;
margin:0;
}
#description{
width: 30%;
margin:0;
float: left;
height: 100vh;
overflow-y: scroll;
overflow-x: hidden;
letter-spacing: 1px;
7 years ago
}
#description p{
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
font-family: "special-issue-6";
font-size: 16px;
7 years ago
7 years ago
padding-bottom: 0;
}
#description a{
background-color: yellow;
text-decoration: none;
color: black;
padding: 5px;
}
7 years ago
#pdfs{
width: 70%;
margin:0;
7 years ago
padding: 0;
7 years ago
float: left;
height: 100vh;
}
#title{
cursor: pointer;
font-size: 28px!important;
7 years ago
}
</style>
</head>
<body>
<div id="container">
<div id="pdfs">
7 years ago
<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">
7 years ago
7 years ago
<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">
7 years ago
7 years ago
<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">
7 years ago
</div>
<div id="description">
<p>SPECIAL ISSUE 6: Interfacing the Law</p>
7 years ago
<p id="title">XPERIMENTAL POTENTIAL PIRATE LIBRARY</p>
7 years ago
<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>
7 years ago
<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>
7 years ago
</html>