included videos

master
Your Name 6 years ago
parent f8d917b6e2
commit fc8a09e31f

@ -33,8 +33,14 @@
</div>
<div class="content" >
<h1>Special Issue 5 - OuNuPo</h1>
<div><video width="100%" controls>
<source src="https://media.xpub.nl/special_issue_05-web.mp4" type="video/mp4">
Your browser does not support the video tag :(
Try a recent version of Firefox or Chromium!
</video></div>
<br><br><br>
<div class="image">
<img src="images/try_scanning_loop.gif" alt="scanning" style="width: 50%;float: right;">
</div>
<p>XPUB, Varia and WORM invite you for an evening of book scanning, short presentations, discussions and software experiments in the context of text digitisation and processing.
@ -43,6 +49,7 @@
<h2>OuNuPo, Ouvroir de Numérisation Potentielle, the workshop of potential digitisation</h2>
<img src="images/try_scanning_loop.gif" alt="scanning" style="width: 50%;float: right;">
<p>From January until the end of March 2018 the practitioners of the Media Design Experimental Publishing Master course (XPUB) of the Piet Zwart Institute, in collaboration with Manetta Berends & Cristina Cochior (Varia) and the WORM Pirate Bay, have set sail on the vast sea of DIY book scanning, feminist research methodologies, constraint writing, algorithmic literature and the cultures of text digitisation and processing.</p>
<p>The term OuNuPo is derived from OuLiPo (Ouvroir de littérature potentielle), founded in 1960. OuLiPo is a mostly French speaking gathering of writers and mathematicians interested in constrained writing techniques. A famous technique is for instance the lipogram that generates texts in which one or more letters have been excluded. OuLiPo eventually led to OuXPo to expand these creative constraints to other practices (OuCiPo for film making, OuPeinPo for painting, etc). Following this expansion, XPUB launches OuNuPo, Ouvroir de Numérisation Potentielle, the workshop of potential digitisation, turning the book scanner as a platform for media design and publishing experiments.</p>

@ -20,13 +20,14 @@ padding: 0;
margin:0;
}
#description{
width: 30%;
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;
@ -48,12 +49,30 @@ margin:0;
}
#pdfs{
width: 70%;
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;
@ -65,12 +84,21 @@ float: left;
<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 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="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 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="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">
<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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Loading…
Cancel
Save