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.

95 lines
2.5 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Special Issue 5: OuNuPo</title>
<style>
@font-face {
font-family: 'NotCourierSans';
src: url('fonts/NotCourierSans.eot?#iefix') format('embedded-opentype'), url('fonts/NotCourierSans.woff') format('woff'), url('fonts/NotCourierSans.ttf') format('truetype'), url('fonts/NotCourierSans.svg#NotCourierSans') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PinyonScript';
src: url('fonts/PinyonScript.eot?#iefix') format('embedded-opentype'), url('fonts/PinyonScript.woff') format('woff'), url('PinyonScript.ttf') format('truetype'), url('fonts/PinyonScript.svg#PinyonScript') format('svg');
font-weight: normal;
font-style: normal;
}
body{
font-family: PinyonScript;
font-weight: normal;
background-color: white;
position: relative;
}
h1, h2, h3, h4, h5 {
font-family: PinyonScript;
font-weight: normal;
color: #003cb3;
}
h1 {
font-size: 80px;
margin-top: 0px;
margin-bottom: -30px;
}
p {
font-family: NotCourierSans;
color: #003cb3;
font-size: 17px;
}
a {
color: #003cb3;
}
audio{
width: 400px;
}
.image{
width: 400px;
}
.image img{
width: 400px;
}
.seperator{
width:100%;
overflow: hidden;
}
</style>
</head>
<body>
<h1> OuNuPo </h1>
<div class="seperator">
<p>------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</p>
</div>
<p><b>Special Issue 5</b></p>
<p>The XPUB practitioners are currently working on OuNuPo: the 5th Special Issue with and around bookscanner culture. XPUB is the Experimental Publishing master at the Piet Zwart Institute.</p>
<p>Wednesday March 28, 19:00, Worm - <a href="https://www.openstreetmap.org/node/2610271782" popup="yes">Boomgaardsstraat 71</a></p>
</br>
<p>Audio of the Pre-Launch at Varia:</p>
<div class="audio">
<audio controls>
<source src="http://pzwart1.wdka.hro.nl/~amansoux/SP5%20Beta%20Launch%2048.ogg" type="audio/ogg">
<source src="http://pzwart1.wdka.hro.nl/~aroidl/varia_pre_launch.aac" type="audio/acc">
Your browser does not support the audio element.
</audio>
</div>
<div class="image">
<img src="http://pzwart1.wdka.hro.nl/~aroidl/try_scanning_loop.gif" alt="scanning">
</div>
</body>
</html>