website update
parent
3102b74268
commit
9a79ecb84b
@ -1,175 +0,0 @@
|
|||||||
<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>
|
|
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,271 @@
|
|||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "HelveticaLTStd-Bold";
|
||||||
|
src: url("../font/HelveticaLTStd-Bold.otf");
|
||||||
|
font-weight: 300;
|
||||||
|
font-style: bold;}
|
||||||
|
|
||||||
|
@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;
|
||||||
|
}
|
||||||
|
|
||||||
|
#SPIX {
|
||||||
|
max-width: 90%;
|
||||||
|
text-align: center;
|
||||||
|
display: block;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
padding-top: 5%;
|
||||||
|
font-family: "OCRAStd";
|
||||||
|
font-size: 2vw;
|
||||||
|
color: white;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.maintitle {
|
||||||
|
max-width: 90%;
|
||||||
|
text-align: center;
|
||||||
|
display: block;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
padding-top: 5%;
|
||||||
|
font-family: "HelveticaLTStd-Bold";
|
||||||
|
font-size: 9vw;
|
||||||
|
color: white;
|
||||||
|
padding-bottom: 5px;
|
||||||
|
padding-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
max-width: 90%;
|
||||||
|
text-align: center;
|
||||||
|
display: block;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
padding-top: 5%;
|
||||||
|
font-family: "OCRAStd";
|
||||||
|
font-size: 1.5vw;
|
||||||
|
color: white;
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#subtitle {
|
||||||
|
font-size: 1.5vw;
|
||||||
|
margin-top: 0;
|
||||||
|
color: black;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
div#intro {
|
||||||
|
max-width: 90%;
|
||||||
|
text-align: justify;
|
||||||
|
display: block;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
font-family: "HelveticaLTStd-Bold";
|
||||||
|
font-size: 1vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
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#tisa2 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%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.collapsible {
|
||||||
|
background-color: white;
|
||||||
|
color: black;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 18px;
|
||||||
|
width: 100%;
|
||||||
|
border: none;
|
||||||
|
text-align: left;
|
||||||
|
outline: none;
|
||||||
|
font-size: 15px;
|
||||||
|
border:solid black 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.active, .collapsible:hover {
|
||||||
|
background-color:black;
|
||||||
|
color:white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.extended {
|
||||||
|
padding: 0 18px;
|
||||||
|
display: none;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.moduletext{
|
||||||
|
font-family: "OCRAStd";
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.links{
|
||||||
|
border-bottom:solid black 1px;
|
||||||
|
font-family: "Helvetica";
|
||||||
|
font: green;
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.link_title{
|
||||||
|
color: green;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.link_title{
|
||||||
|
padding-right: 70px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.st0{fill:#348040;stroke:#FFFFFF;stroke-width:0.28;stroke-miterlimit:10;}
|
||||||
|
.st1{fill:none;stroke:#FEBF10;stroke-width:1.2;}
|
||||||
|
.st2{fill:none;stroke:#FEBF10;stroke-width:1.28;}
|
||||||
|
.st3{fill:none;stroke:#F5BD17;stroke-width:1.22;}
|
||||||
|
.st4{fill:none;stroke:#F5BD17;stroke-width:0.71;}
|
||||||
|
.st5{fill:#010101;}
|
||||||
|
.st6{fill:none;stroke:#F5BD17;stroke-width:1.7;}
|
||||||
|
.st7{fill:none;stroke:#FEBF10;stroke-width:1.44;}
|
||||||
|
.st8{fill:none;stroke:#F5BD17;stroke-width:1.13;}
|
||||||
|
.st9{fill:none;stroke:#F5BD17;stroke-width:1.35;}
|
||||||
|
.st10{fill:none;stroke:#F08A21;stroke-width:1.73;stroke-linecap:round;}
|
||||||
|
.st11{fill:none;stroke:#F1C618;stroke-width:1.73;stroke-linecap:round;}
|
||||||
|
.st12{fill:#FFFFFF;}
|
||||||
|
.st13{font-family:'OCRAStd';}
|
||||||
|
.st14{font-size:5.02px;}
|
||||||
|
.st15{fill:none;stroke:#FFFFFF;stroke-width:0.9;stroke-miterlimit:10;}
|
||||||
|
.st16{fill:none;stroke:#FFFFFF;stroke-width:0.58;}
|
||||||
|
.st17{fill:none;stroke:#F1F0F0;stroke-width:0.2;stroke-linecap:round;}
|
||||||
|
.st18{fill:none;stroke:#010101;stroke-width:0.36;stroke-linecap:round;}
|
||||||
|
.st19{fill:none;stroke:#F1F0F0;stroke-width:0.58;stroke-linecap:round;}
|
||||||
|
.st20{fill:none;stroke:#FFFFFF;stroke-width:0.72;}
|
||||||
|
.st21{fill:none;stroke:#FFFFFF;stroke-width:0.37;stroke-linecap:round;stroke-linejoin:round;}
|
||||||
|
.st22{fill:none;stroke:#FFFFFF;stroke-width:0.37;stroke-linecap:round;}
|
||||||
|
.st23{font-family:'ArialMT';}
|
||||||
|
.st24{font-size:5px;}
|
||||||
|
.st25{font-size:3px;}
|
||||||
|
.st26{fill:none;stroke:#F5BD17;stroke-width:1.79;}
|
||||||
|
.st27{fill:none;stroke:#F1F0F0;stroke-width:1.42;}
|
||||||
|
.st28{font-size:7.2px;}
|
||||||
|
.st29{font-size:13.57px;}
|
||||||
|
.st30{font-size:11.44px;}
|
||||||
|
.st31{font-size:7.16px;}
|
||||||
|
.st32{font-size:6.27px;}
|
||||||
|
.st33{fill:none;stroke:#FFFFFF;stroke-width:0.36;}
|
||||||
|
.st34{font-size:4.6px;}
|
||||||
|
.st35{fill:none;stroke:#FAA538;stroke-width:0.85;}
|
||||||
|
.st36{fill:none;stroke:#F5BD17;stroke-width:1.1;}
|
||||||
|
.st37{fill:none;stroke:#F5BD17;}
|
||||||
|
.st38{fill:none;stroke:#F08A21;stroke-width:1.44;stroke-linecap:round;}
|
||||||
|
.st39{fill:none;stroke:#FDDE69;stroke-width:0.85;}
|
||||||
|
.st40{fill:none;stroke:#F1C618;stroke-width:1.44;stroke-linecap:round;}
|
||||||
|
.st41{fill:none;stroke:#F1F0F0;stroke-width:0.58;}
|
||||||
|
.st42{fill:none;stroke:#FFFFFF;stroke-width:0.36;stroke-linecap:round;}
|
||||||
|
.st43{fill:none;stroke:#FFFFFF;stroke-width:0.58;stroke-linecap:round;}
|
||||||
|
.st44{fill:none;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;}
|
||||||
|
.st45{font-size:5.45px;}
|
||||||
|
.st46{font-size:4.36px;}
|
||||||
|
.st47{font-size:6.54px;}
|
||||||
|
.st48{fill:#F5BD17;}
|
||||||
|
.st49{fill:none;stroke:#FFFFFF;stroke-width:0.57;stroke-linecap:round;stroke-linejoin:round;}
|
||||||
|
.st50{fill:none;stroke:#FFFFFF;stroke-width:0.57;stroke-linecap:round;}
|
||||||
|
.st51{fill:none;stroke:#F1F0F0;stroke-width:0.36;}
|
||||||
|
.st52{fill:none;stroke:#F1F0F0;stroke-width:0.36;stroke-linecap:round;}
|
||||||
|
.st53{fill:none;stroke:#F5BD17;stroke-width:0.86;}
|
||||||
|
.st54{font-size:4.25px;}
|
||||||
|
.st55{fill:none;stroke:#FFFFFF;stroke-width:0.43;stroke-linecap:round;}
|
||||||
|
.st56{fill:none;stroke:#FFFFFF;stroke-width:0.43;}
|
||||||
|
.st57{font-size:11.81px;}
|
||||||
|
.st58{font-size:8.1px;}
|
||||||
|
.st59{font-size:7.73px;}
|
||||||
|
.st60{font-size:4.61px;}
|
||||||
|
.st61{fill:none;stroke:#FAA538;stroke-width:1.13;}
|
||||||
|
.st62{fill:none;stroke:#FDDE69;stroke-width:1.13;}
|
||||||
|
.st63{font-size:4.04px;}
|
||||||
|
.st64{font-size:2.97px;}
|
||||||
|
.st65{font-size:3.9px;}
|
||||||
|
.st66{fill:none;stroke:#F5BD17;stroke-width:1.36;}
|
||||||
|
.st67{fill:none;stroke:#F1F0F0;stroke-width:1.98;}
|
||||||
|
.st68{font-size:4.78px;}
|
||||||
|
.st69{font-size:6.68px;}
|
||||||
|
.st70{font-size:4.1px;}
|
||||||
|
.st71{font-size:9.93px;}
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
$('a[data-secondlink]').on('click',function(){
|
||||||
|
window.open($(this).data("secondlink'));
|
||||||
|
});
|
||||||
Loading…
Reference in New Issue