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.

175 lines
4.8 KiB
HTML

5 years ago
<html>
<head>
5 years ago
<!--Add title-->
<title>Special Issue X</title>
5 years ago
<style type="text/css">
5 years ago
@font-face {
font-family: "Helvetica";
src: url("../font/HelveticaLTStd-Bold.otf");
font-weight: 300;
font-style: normal;}
@font-face {
font-family: "OCRAStd";
src: url("../font/OCRAStd.otf");
font-weight: 300;
font-style: normal;}
5 years ago
body
{width:100%;
background-color: white;
font-family: Helvetica;
5 years ago
font-size: 12px;}
5 years ago
div#left {
border: 1px solid white;
color: black;
width:49%;
display: inline-block;
height:700px;
overflow: scroll;
padding-bottom: 200px;
background-color: white;
}
div#right {
border: ;
width:49%;
display: inline-block;
height:700px;
overflow: scroll;
padding-bottom: 200px;
background-color: #21632c;
}
div.moduleimg{
margin-top:50px;
margin-bottom: 100px;}
div.moduleimg img{
max-width: 90%;
display: block;
margin-left: auto;
5 years ago
margin-right: auto;
padding-top: 50%;
}
div#bigpcb{
max-width: 90%;
display: block;
margin-left: auto;
margin-right: auto;
5 years ago
padding-top: 5%;
5 years ago
padding-bottom: 20%;
}
5 years ago
/* intro */
div#intro{
display: block;
margin-left: auto;
margin-right: auto;
padding:7%;
text-align: justify;
color: white;
text-indent: 15px;
}
5 years ago
.pcbtisa{
max-width: 50%;
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 50%;
5 years ago
}
.output{
max-width: 90%;
display: block;
margin-left: auto;
margin-right: auto;
}
5 years ago
5 years ago
</style>
</head>
<body>
<div id="container">
<div id="left">
<h1>
5 years ago
<div id="bigpcb">
<a href="#bigpcb">
<img src="../img/pcb_all.svg"/>
</a>
</div>
<embed class="output" src="../General/inpout.gif" />
5 years ago
</h1>
5 years ago
<div id="clax" class="moduletext"><h1>Clara!!!</h1></div>
As single modules perform one job and one job well, you will have to anticipate and even require the output of someone elses module in order for yours to work. Coinciding with your research we will create one or several 'outputs' consisting of an interface, electronics and a manual.
5 years ago
5 years ago
<h2>
Guests
5 years ago
Dennis de Bel Dennis de Bel (1984, NL) is an applied artistic researcher, educator, radio amateur (call sign PD0WNED). In his practice he positions himself as producer, consumer, observer and distributor of critical knowledge focussed on technology. His work has been exhibited at Siggraph Los Angeles, Transmediale Berlin and hosted workshops in various collaborations at, for example, ISEA Hong Kong, Radical Networks New York. He participated in the Relearn summer schools and Libre Graphics Meetings besides being a guest tutor at the Design Academy Eindhoven and the Willem de Kooning Academy Rotterdam University of Applied Science. In 2017 he co-founded Varia, a Rotterdam based space for developing collective approaches towards everyday technology. De Bel holds a MA from the Piet Zwart Institute (NL) and most recently participated in the artist in residency program of t
</h2>
5 years ago
</div>
<div id="right">
5 years ago
<div id="intro">
<h3>
To encourage affection with the materiality of the blackbox we will create our own. Starting of by constructing the building blocks of a synthesizer, allowing the creation of complex outputs by interfacing/combining relatively simple operations. As a clear framework we will start off by working with sound, your fastest sensor. Compatible with the possibly familiar 'Eurorack' format (as developed by Doepfer) we will be constructing several electronic modules that allow the output of one module to be the input for the next. Expanding upon the original discrete, or analog approach, each of our modules offer a programmable interface, eventually allowing for interfacing beyond the blackbox.
</h3>
</div>
5 years ago
<div id="damla" class="moduleimg">
<a href="#damla">
<img src="../img/pcb_damla.svg"/>
5 years ago
</a>
</div>
5 years ago
<div id="tisa" class="pcbtisa">
<a href="#tisa">
<img src="../img/pcb_tisa.svg"/>
5 years ago
</a>
</div>
5 years ago
<div id="mark" class="moduleimg">
<a href="#mark">
<img src="../img/pcb_mark.svg"/>
5 years ago
</a>
</div>
<div id="avital" class="moduleimg">
<a href="#avital">
5 years ago
<img src="../img/pcb_avital.svg"/>
</a>
</div>
<div id="max" class="moduleimg">
<a href="#max">
<img src="../img/pcb_max.svg"/>
5 years ago
</a>
</div>
<div id="ioana" class="moduleimg">
<a href="#ioana">
5 years ago
<img src="../img/pcb_ioana.svg"/>
5 years ago
</a>
</div>
5 years ago
<div id="clara" class="moduleimg">
<a href="#clara">
<img src="../img/pcb_clara.svg"/>
5 years ago
</a>
</div>
<div id="sandra" class="moduleimg">
<a href="#sandra">
5 years ago
<img src="../img/pcb_sandra.svg"/>
5 years ago
</a>
</div>
5 years ago
<div id="mika" class="moduleimg">
<a href="#mika">
<img src="../img/pcb_mika.svg"/>
</a>
</div>
<div id="anna" class="moduleimg">
<a href="#anna">
<img src="../img/pcb_anna.svg"/>
5 years ago
</a>
</div>
</div>
</div>
</body>
</html>