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
175 lines
4.8 KiB
HTML
<html>
|
|
<head>
|
|
<!--Add title-->
|
|
<title>Special Issue X</title>
|
|
<style type="text/css">
|
|
@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;}
|
|
body
|
|
{width:100%;
|
|
background-color: white;
|
|
font-family: Helvetica;
|
|
font-size: 12px;}
|
|
|
|
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;
|
|
margin-right: auto;
|
|
padding-top: 50%;
|
|
}
|
|
div#bigpcb{
|
|
max-width: 90%;
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-top: 5%;
|
|
padding-bottom: 20%;
|
|
}
|
|
|
|
/* intro */
|
|
div#intro{
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding:7%;
|
|
text-align: justify;
|
|
color: white;
|
|
text-indent: 15px;
|
|
}
|
|
|
|
.pcbtisa{
|
|
max-width: 50%;
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-top: 50%;
|
|
}
|
|
|
|
.output{
|
|
max-width: 90%;
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="container">
|
|
<div id="left">
|
|
<h1>
|
|
<div id="bigpcb">
|
|
<a href="#bigpcb">
|
|
<img src="../img/pcb_all.svg"/>
|
|
</a>
|
|
</div>
|
|
|
|
<embed class="output" src="../General/inpout.gif" />
|
|
</h1>
|
|
|
|
<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.
|
|
|
|
<h2>
|
|
Guests
|
|
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>
|
|
|
|
</div>
|
|
<div id="right">
|
|
<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>
|
|
<div id="damla" class="moduleimg">
|
|
<a href="#damla">
|
|
<img src="../img/pcb_damla.svg"/>
|
|
</a>
|
|
</div>
|
|
<div id="tisa" class="pcbtisa">
|
|
<a href="#tisa">
|
|
<img src="../img/pcb_tisa.svg"/>
|
|
</a>
|
|
</div>
|
|
<div id="mark" class="moduleimg">
|
|
<a href="#mark">
|
|
<img src="../img/pcb_mark.svg"/>
|
|
</a>
|
|
</div>
|
|
<div id="avital" class="moduleimg">
|
|
<a href="#avital">
|
|
<img src="../img/pcb_avital.svg"/>
|
|
</a>
|
|
</div>
|
|
<div id="max" class="moduleimg">
|
|
<a href="#max">
|
|
<img src="../img/pcb_max.svg"/>
|
|
</a>
|
|
</div>
|
|
<div id="ioana" class="moduleimg">
|
|
<a href="#ioana">
|
|
<img src="../img/pcb_ioana.svg"/>
|
|
</a>
|
|
</div>
|
|
<div id="clara" class="moduleimg">
|
|
<a href="#clara">
|
|
<img src="../img/pcb_clara.svg"/>
|
|
</a>
|
|
</div>
|
|
<div id="sandra" class="moduleimg">
|
|
<a href="#sandra">
|
|
<img src="../img/pcb_sandra.svg"/>
|
|
</a>
|
|
</div>
|
|
<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"/>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |