issue.xpub.nl/06/index.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: 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="http://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="http://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="http://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>
utf 8 7 years ago			`<!DOCTYPE html>`
SI 6 incoming 7 years ago			`<html>`
update on 06 7 years ago			`<head>`
utf 8 7 years ago			`<meta charset="utf-8">`
utf 8 7 years ago			`<title>SPECIAL ISSUE 6: Interfacing the Law</title>`
update on 06 7 years ago			`<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>`
			`<style>`
update index and si06 6 years ago			`@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');`
			`}`

update on 06 7 years ago			`body{`
			`margin:0;`
			`padding: 0;`
SI 6 incoming 7 years ago
update on 06 7 years ago			`}`
			`#container{`
			`width: 100%;`
			`margin:0;`
			`}`
			`#description{`
included videos 6 years ago			`width: 25%;`
update on 06 7 years ago			`margin:0;`
			`float: left;`
			`height: 100vh;`
			`overflow-y: scroll;`
			`overflow-x: hidden;`
update index and si06 6 years ago			`letter-spacing: 1px;`
included videos 6 years ago			`box-sizing: border-box;`
update on 06 7 years ago			`}`
			`#description p{`
			`padding-top: 20px;`
			`padding-left: 20px;`
			`padding-right: 20px;`
update index and si06 6 years ago			`font-family: "special-issue-6";`
			`font-size: 16px;`
SI 6 incoming 7 years ago
update on 06 7 years ago			`padding-bottom: 0;`

			`}`

update index and si06 6 years ago			`#description a{`
			`background-color: yellow;`
			`text-decoration: none;`
			`color: black;`
			`padding: 5px;`

			`}`

update on 06 7 years ago			`#pdfs{`
included videos 6 years ago			`width: 25%;`
update on 06 7 years ago			`margin:0;`
some nice titles 7 years ago			`padding: 0;`
update on 06 7 years ago			`float: left;`
			`height: 100vh;`
included videos 6 years ago			`box-sizing: border-box;`
update on 06 7 years ago			`}`
included videos 6 years ago
			`#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{`

			`}`

update on 06 7 years ago			`#title{`
			`cursor: pointer;`
update index and si06 6 years ago			`font-size: 28px!important;`
update on 06 7 years ago			`}`


			`</style>`
			`</head>`
			`<body>`
			`<div id="container">`
			`<div id="pdfs">`
included videos 6 years ago			`<embed src="http://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">`
update on 06 7 years ago
included videos 6 years ago			`<embed id="main_pdf" src="http://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">`
update on 06 7 years ago
included videos 6 years ago			`<embed src="http://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">`
update on 06 7 years ago			`</div>`
included videos 6 years ago
			`<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>`

update on 06 7 years ago			`<div id="description">`

			`<p>SPECIAL ISSUE 6: Interfacing the Law</p>`
some nice titles 7 years ago			`<p id="title">XPERIMENTAL POTENTIAL PIRATE LIBRARY</p>`
updated text in sidebar 7 years ago			`<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>`
fixed conflicts 6 years ago			`<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.`
updated text in sidebar 7 years ago			`</p>`
fixed conflicts 6 years ago			`<p><a class="link" href = "http://lib.xpub.nl">Go to library</a></p>`
updated text in sidebar 7 years ago
update on 06 7 years ago			`<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>`
updated text in sidebar 7 years ago			`<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>`
update on 06 7 years ago			`<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>`
SI 6 incoming 7 years ago			`</html>`