blank index for 07
parent
09a0314569
commit
b326d35bbd
@ -1,143 +1,13 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>SPECIAL ISSUE 6: Interfacing the Law</title>
|
<title>Start up, Burn out: Life Hacks</title>
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
<link rel="stylesheet" href="style.css">
|
||||||
<style>
|
<script src="iris.js"></script>
|
||||||
@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>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="container">
|
<div id="oneliner">IRIS</div>
|
||||||
<div id="pdfs">
|
blabla
|
||||||
<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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Loading…
Reference in New Issue