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

5 years ago
<html>
<head>
<title></title>
<style type="text/css">
5 years ago
@font-face {
font-family: "Helvetica";
5 years ago
src: url("../font/HelveticaLTStd-Bold.otf");
5 years ago
font-weight: 300;
5 years ago
font-style: normal;}
5 years ago
@font-face {
5 years ago
font-family: "OCRAStd";
src: url("../font/OCRAStd.otf");
5 years ago
font-weight: 300;
font-style: normal;}
5 years ago
body
{width:100%;
background-color: white;
5 years ago
font-size: calc(8px + 0.7vw);
scrollbar-width: none;}
5 years ago
div#left {
border: 1px solid white;
color: black;
width:49%;
display: inline-block;
5 years ago
margin-left: auto;
margin-right: auto;
5 years ago
height:700px;
overflow: scroll;
padding-bottom: 200px;
background-color: white;
}
div#right {
border: ;
width:49%;
display: inline-block;
5 years ago
margin-left: auto;
margin-right: auto;
5 years ago
height:700px;
overflow: scroll;
padding-bottom: 200px;
background-color: #21632c;
}
5 years ago
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;
5 years ago
font-family: "HelveticaLTStd-Bold";
5 years ago
}
5 years ago
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
div#tisa img{
5 years ago
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
padding-top: 5%;
5 years ago
}
5 years ago
.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%;
}
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>
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.
<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">
5 years ago
<embed class="output" src="../General/inpout.gif"/>
5 years ago
<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>
5 years ago
5 years ago
<p>The following pages are a compilation of our research and resulting work, complete with instructions of assembly and use.</p>
</div>
5 years ago
5 years ago
<div id="damla" class="moduleimg">
<a href="#damla">
5 years ago
<img src="../img/pcb_damla.png"/>
5 years ago
5 years ago
</a>
</div>
5 years ago
<div id="tisa" class="pcbtisa">
<a href="#tisa">
5 years ago
<img src="../img/pcb_tisa.png"/>
5 years ago
</a>
</div>
5 years ago
<div id="mark" class="moduleimg">
<a href="#mark">
5 years ago
<img src="../img/pcb_mark.png"/>
5 years ago
</a>
</div>
<div id="avital" class="moduleimg">
<a href="#avital">
5 years ago
<img src="../img/pcb_avital.png"/>
5 years ago
</a>
</div>
<div id="max" class="moduleimg">
<a href="#max">
5 years ago
<img src="../img/pcb_max.png"/>
5 years ago
</a>
</div>
<div id="ioana" class="moduleimg">
<a href="#ioana">
5 years ago
<img src="../img/pcb_ioana.png"/>
5 years ago
</a>
</div>
5 years ago
<div id="clara" class="moduleimg">
<a href="#clara">
5 years ago
<img src="../img/pcb_clara.png"/>
5 years ago
</a>
</div>
<div id="sandra" class="moduleimg">
<a href="#sandra">
5 years ago
<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>
5 years ago
</div>
5 years ago
<div id="mika" class="moduleimg">
<a href="#mika">
5 years ago
<img src="../img/pcb_mika.png"/>
5 years ago
</a>
</div>
<div id="anna" class="moduleimg">
<a href="#anna">
5 years ago
<img src="../img/pcb_anna.png"/>
5 years ago
</a>
</div>
</div>
</div>
</body>
</html>