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.
224 lines
6.3 KiB
HTML
224 lines
6.3 KiB
HTML
<html>
|
|
<head>
|
|
<title></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-size: calc(8px + 0.7vw);
|
|
scrollbar-width: none;}
|
|
|
|
div#left {
|
|
border: 1px solid white;
|
|
color: black;
|
|
width:49%;
|
|
display: inline-block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
height:700px;
|
|
overflow: scroll;
|
|
padding-bottom: 200px;
|
|
background-color: white;
|
|
}
|
|
|
|
div#right {
|
|
border: ;
|
|
width:49%;
|
|
display: inline-block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
height:700px;
|
|
overflow: scroll;
|
|
padding-bottom: 200px;
|
|
background-color: #21632c;
|
|
}
|
|
|
|
div#title {
|
|
max-width: 90%;
|
|
text-align: justify;
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-top: 5%;
|
|
font-family: "OCRAStd";
|
|
}
|
|
|
|
div#intro {
|
|
max-width: 90%;
|
|
text-align: justify;
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
font-family: "HelveticaLTStd-Bold";
|
|
}
|
|
|
|
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%;
|
|
}
|
|
|
|
div#tisa img{
|
|
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;
|
|
padding-top: 5%;
|
|
}
|
|
|
|
.code {
|
|
max-width: 90%;
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
background-color: transparent;
|
|
border: 0.1em solid grey;
|
|
margin-bottom: white;
|
|
color: white;
|
|
font-family: "OCRAStd";
|
|
font-style:;
|
|
font-weight: 0.1%;
|
|
font-size: 13px;
|
|
padding-top: 1%;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="container">
|
|
<div id="left">
|
|
<h1>
|
|
<div id="bigpcb">
|
|
<a href="#bigpcb">
|
|
<img src="../img/pcb_all.svg"/>
|
|
</a>
|
|
</div>
|
|
|
|
</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">
|
|
<embed class="output" src="../General/inpout.gif"/>
|
|
|
|
<div id="title">INPUT/OUTPUT
|
|
<br>Tales from another module
|
|
</div>
|
|
<div id="intro">
|
|
<p>This publication presents documentation of the work developed during the first trimester of Piet Zwart Institute's Experimental Publishing programme. Nobody can To restrospectively tell what the process/project was about precisely, and as we try to determine it, we realise that only the following pages can do so, in their diversity of approaches and understandings of the given subject (modular synth). Isn't modularity all about that as well?!?</p>
|
|
|
|
|
|
<p>The modular synthesizer is a type of synthesizer, which exists in both physical and virtual forms, consisting of separate specialized modules. The modules can be connected together in various ways, their outputs contributing to the overall function of the system.</p>
|
|
|
|
<p>This point of departure led us to produce 10 unique contributions to the common assembly of the publication INPUT-OUTPUT: Tales from another module. Each contribution consists of one or more modules, which represent our individual interests in exploring this medium. Outputs vary between sound, image and text, resulting in an audio-visual performance.</p>
|
|
|
|
<p>The following pages are a compilation of our research and resulting work, complete with instructions of assembly and use.</p>
|
|
</div>
|
|
|
|
<div id="damla" class="moduleimg">
|
|
<a href="#damla">
|
|
<img src="../img/pcb_damla.png"/>
|
|
|
|
</a>
|
|
</div>
|
|
<div id="tisa" class="pcbtisa">
|
|
<a href="#tisa">
|
|
<img src="../img/pcb_tisa.png"/>
|
|
</a>
|
|
</div>
|
|
<div id="mark" class="moduleimg">
|
|
<a href="#mark">
|
|
<img src="../img/pcb_mark.png"/>
|
|
</a>
|
|
</div>
|
|
<div id="avital" class="moduleimg">
|
|
<a href="#avital">
|
|
<img src="../img/pcb_avital.png"/>
|
|
</a>
|
|
</div>
|
|
<div id="max" class="moduleimg">
|
|
<a href="#max">
|
|
<img src="../img/pcb_max.png"/>
|
|
</a>
|
|
</div>
|
|
<div id="ioana" class="moduleimg">
|
|
<a href="#ioana">
|
|
<img src="../img/pcb_ioana.png"/>
|
|
</a>
|
|
</div>
|
|
<div id="clara" class="moduleimg">
|
|
<a href="#clara">
|
|
<img src="../img/pcb_clara.png"/>
|
|
</a>
|
|
</div>
|
|
<div id="sandra" class="moduleimg">
|
|
<a href="#sandra">
|
|
<img src="../img/pcb_sandra.png"/>
|
|
</a>
|
|
<br><marquee class="code" behavior="scroll" direction="right">{
|
|
Serial.begin(9600);
|
|
TV.begin(PAL);
|
|
TV.select_font(font4x6);
|
|
pinMode(BUTTON1, INPUT);
|
|
pinMode(BUTTON2, INPUT);
|
|
pinMode(BUTTON3, INPUT);
|
|
pinMode(BUTTON4, INPUT);
|
|
pinMode(BUTTON5, INPUT);
|
|
pinMode(BUTTON6, INPUT);
|
|
pinMode(BUTTON7, INPUT);
|
|
pinMode(BUTTON8, INPUT);
|
|
pinMode(BUTTON9, INPUT);
|
|
}</marquee></br>
|
|
</div>
|
|
<div id="mika" class="moduleimg">
|
|
<a href="#mika">
|
|
<img src="../img/pcb_mika.png"/>
|
|
</a>
|
|
</div>
|
|
<div id="anna" class="moduleimg">
|
|
<a href="#anna">
|
|
<img src="../img/pcb_anna.png"/>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |