After Width: | Height: | Size: 3.8 KiB |
After Width: | Height: | Size: 2.3 KiB |
@ -0,0 +1,123 @@
|
||||
<html>
|
||||
<head>
|
||||
<title></title>
|
||||
<style type="text/css">
|
||||
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;
|
||||
}
|
||||
|
||||
.output{
|
||||
max-width: 90%;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<div id="left">
|
||||
<h1>
|
||||
<embed class="output" src="file:///Users/sandra/Desktop/XPUB/GIT/special-issue-x/Website/General/inpout.gif" />
|
||||
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.</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="clax" class="moduleimg">
|
||||
<a href="#clax">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="mika" class="moduleimg">
|
||||
<a href="#mika">
|
||||
<img src="../General/mika.svg"/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="anna" class="moduleimg">
|
||||
<a href="#anna">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="damla" class="moduleimg">
|
||||
<a href="#damla">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="avital" class="moduleimg">
|
||||
<a href="#avital">
|
||||
<img src="file:///Users/sandra/Desktop/XPUB/LFP%20SI%2010/website/SVG/Avital.svg"/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="ioana" class="moduleimg">
|
||||
<a href="#ioana">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="mark" class="moduleimg">
|
||||
<a href="#mark">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="max" class="moduleimg">
|
||||
<a href="#max">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="sandra" class="moduleimg">
|
||||
<a href="#sandra">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="tisa" class="moduleimg">
|
||||
<a href="#tisa">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,123 @@
|
||||
<html>
|
||||
<head>
|
||||
<title></title>
|
||||
<style type="text/css">
|
||||
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;
|
||||
}
|
||||
|
||||
.output{
|
||||
max-width: 90%;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<div id="left">
|
||||
<h1>
|
||||
<embed class="output" src="file:///Users/sandra/Desktop/XPUB/GIT/special-issue-x/Website/General/inpout.gif" />
|
||||
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.</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="clax" class="moduleimg">
|
||||
<a href="#clax">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="mika" class="moduleimg">
|
||||
<a href="#mika">
|
||||
<img src="../General/mika.svg"/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="anna" class="moduleimg">
|
||||
<a href="#anna">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="damla" class="moduleimg">
|
||||
<a href="#damla">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="avital" class="moduleimg">
|
||||
<a href="#avital">
|
||||
<img src="file:///Users/sandra/Desktop/XPUB/LFP%20SI%2010/website/SVG/Avital.svg"/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="ioana" class="moduleimg">
|
||||
<a href="#ioana">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="mark" class="moduleimg">
|
||||
<a href="#mark">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="max" class="moduleimg">
|
||||
<a href="#max">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="sandra" class="moduleimg">
|
||||
<a href="#sandra">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="tisa" class="moduleimg">
|
||||
<a href="#tisa">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,123 @@
|
||||
<html>
|
||||
<head>
|
||||
<title></title>
|
||||
<style type="text/css">
|
||||
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;
|
||||
}
|
||||
|
||||
.output{
|
||||
max-width: 90%;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<div id="left">
|
||||
<h1>
|
||||
<embed class="output" src="file:///Users/sandra/Desktop/XPUB/GIT/special-issue-x/Website/General/inpout.gif" />
|
||||
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.</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="clax" class="moduleimg">
|
||||
<a href="#clax">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="mika" class="moduleimg">
|
||||
<a href="#mika">
|
||||
<img src="../General/mika.svg"/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="anna" class="moduleimg">
|
||||
<a href="#anna">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="damla" class="moduleimg">
|
||||
<a href="#damla">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="avital" class="moduleimg">
|
||||
<a href="#avital">
|
||||
<img src="file:///Users/sandra/Desktop/XPUB/LFP%20SI%2010/website/SVG/Avital.svg"/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="ioana" class="moduleimg">
|
||||
<a href="#ioana">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="mark" class="moduleimg">
|
||||
<a href="#mark">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="max" class="moduleimg">
|
||||
<a href="#max">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="sandra" class="moduleimg">
|
||||
<a href="#sandra">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
<div id="tisa" class="moduleimg">
|
||||
<a href="#tisa">
|
||||
<img src=""/>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
After Width: | Height: | Size: 40 KiB |
After Width: | Height: | Size: 44 KiB |
After Width: | Height: | Size: 27 KiB |
After Width: | Height: | Size: 174 KiB |
After Width: | Height: | Size: 224 KiB |
After Width: | Height: | Size: 2.9 MiB |
After Width: | Height: | Size: 119 KiB |
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 36 KiB |
After Width: | Height: | Size: 118 KiB |
After Width: | Height: | Size: 11 KiB |