XPUB
/
issue.xpub.nl
71
3
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Anchors working

Browse Source
master
Pedro Sá Couto 5 years ago
parent 5ec51c96f9
commit 38e1bced51
2 changed files with 74 additions and 24 deletions
Show Stats Download Patch File Download Diff File

63
10/index.html
Unescape Escape View File

@ -21,7 +21,7 @@
<marquee class="maintitle" behavior="scroll" direction="left" height="250px"><embed class="output" src="img/inpout.gif" /></marquee>
</h1>
<div id="damla_T" class="moduletext"><h1 class="name_T">Damlanur Bilgin</h1></div>
<a href="#damla_module"><div id="damla_T" class="moduletext"><h1 class="name_T">Damlanur Bilgin</h1></div></a>
<p>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.</p>
<button type="button" class="collapsible">Read More</button>
<div class="extended">
@ -35,7 +35,7 @@
</div>
<div id="tisa_T" class="moduletext"><h1 class="name_T">Tisa Neža Herlec</h1></div>
<a href="#tisa_module"><div id="tisa_T" class="moduletext"><h1 class="name_T">Tisa Neža Herlec</h1></div></a>
<p> How are you?
How is your posture?
@ -169,7 +169,7 @@ Being sensibilized, gaining awareness and gradually understanding the structures
</div>
<div id="mark_T" class="moduletext"><h1 class="name_T">Mark van den Heuvel</h1></div>
<a href="#mark_module"> <div id="mark_T" class="moduletext"><h1 class="name_T">Mark van den Heuvel</h1></div></a>
<p>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.</p>
<button type="button" class="collapsible">Read More</button>
<div class="extended">
@ -183,7 +183,7 @@ Being sensibilized, gaining awareness and gradually understanding the structures
</div>
<div id="avital_T" class="moduletext"><h1 class="name_T">Avital Barkai</h1></div>
<a href="#avital_module"> <div id="avital_T" class="moduletext"><h1 class="name_T">Avital Barkai</h1></div></a>
<p>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.</p>
<button type="button" class="collapsible">Read More</button>
<div class="extended">
@ -197,7 +197,7 @@ Being sensibilized, gaining awareness and gradually understanding the structures
</div>
<div id="max_T" class="moduletext"><h1 class="name_T">Max Lehmann</h1></div>
<a href="#max_module"> <div id="max_T" class="moduletext"><h1 class="name_T">Max Lehmann</h1></div></a>
<p>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.</p>
<button type="button" class="collapsible">Read More</button>
<div class="extended">
@ -211,7 +211,7 @@ Being sensibilized, gaining awareness and gradually understanding the structures
</div>
<div id="Ioanna" class="moduletext"><h1 class="name_T">Ioana Tomici</h1></div>
<a href="#ioanna_module"> <div id="Ioanna" class="moduletext"><h1 class="name_T">Ioana Tomici</h1></div></a>
<p>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.</p>
<button type="button" class="collapsible">Read More</button>
<div class="extended">
@ -225,7 +225,7 @@ Being sensibilized, gaining awareness and gradually understanding the structures
</div>
<div id="clara_T" class="moduletext"><h1 class="name_T">Clara Noseda</h1></div>
<a href="#clara_module"><div id="clara_T" class="moduletext"><h1 class="name_T">Clara Noseda</h1></div></a>
<p>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.</p>
<button type="button" class="collapsible">Read More</button>
<div class="extended">
@ -239,7 +239,7 @@ Being sensibilized, gaining awareness and gradually understanding the structures
</div>
<div id="sandra_T" class="moduletext"><h1 class="name_T">Sandra Golubjevaite</h1></div>
<a href="#sandra_module"><div id="sandra_T" class="moduletext"><h1 class="name_T">Sandra Golubjevaite</h1></div></a>
<p> >>>> okokokok >> what >> don’t be scared >> seven [‘7’] is a straight forward .print&.read device >> you can play the prewritten poem [‘seven.ino’] or you can write your own >> [‘7’] can manipulate text >> it can send an outgoing message or be interrupted by an incoming one >> [‘7’] enjoys repetition, coincidence & a gentle touch >> to channel text the module needs to be connected to a TV screen through a video input >> a video signal is broadcasted and can be listened to in mono >>>>>> mhmhmhmh >> how >> how i approached hardware >> 7 knobs & 7 buttons arranged in no particular hierarchy >> i wanted to create a humble device with clear manual functions >> an interface that makes you feel in control >> this urge became clear after getting familiar with a term ‘calm technology’ during the Special Issue X >> calm technology - a type of information technology where the interaction between the technology and its user is designed to occur in the user's periphery rather than constantly at the centre of attention >> how >> how i approached software >> working within the framework of the tv.out library and a television monitor determined certain features of the program, such as its esthetics and its interface >> with a subject in mind the content of the poem [‘seven.ino’] was developed and written while learning how to code with Arduino IDE >> the way the poem unfolds to a user depends on his/hers interaction with [‘7’] >>>>>> ghhrrghrrr >> </p>
<button type="button" class="collapsible">Read More</button>
<div class="extended">
@ -253,7 +253,7 @@ Being sensibilized, gaining awareness and gradually understanding the structures
</div>
<div id="mika_T" class="moduletext"><h1 class="name_T">Mika Motskobili</h1></div>
<a href="#mika_module"><div id="mika_T" class="moduletext"><h1 class="name_T">Mika Motskobili</h1></div></a>
<p>Txx.uo consolidates two contrasting radio frequency implementation modes: RFID reader scans the cards/objects containing RFID tags using radio waves and LCD screen displays a Q-code* [internationally established three-letter abbreviation used in radio communication].
<br>
@ -306,7 +306,7 @@ _ ⯐ LDR 🢒🢒 LDR
</div>
<div id="anna_T" class="moduletext"><h1 class="name_T">Anna Sandri</h1></div>
<a href="#anna_module"><div id="anna_T" class="moduletext"><h1 class="name_T">Anna Sandri</h1></div></a>
<p>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.</p>
<button type="button" class="collapsible">Read More</button>
<div class="extended">
@ -408,11 +408,12 @@ _ ⯐ LDR 🢒🢒 LDR
</div>
<a id="damla_module">
<div id="damla" class="moduleimg">
<a href="#damla">
<a href="#damla_T">
<img src="img/pcb_damla.png"/>
</a>
</a>
<br><marquee class="code" behavior="scroll" direction="right">{
Serial.begin(9600);
TV.begin(PAL);
@ -421,9 +422,11 @@ _ ⯐ LDR 🢒🢒 LDR
</div>
<div id="tisa2" class="pcbtisa">
<a href="#tisa">
<a id="tisa_module">
<a href="#tisa_T">
<img src="img/pcb_tisa.png"/>
</a>
</a>
<br><marquee class="code" behavior="scroll" direction="right">{
Serial.begin(9600);
TV.begin(PAL);
@ -431,10 +434,12 @@ _ ⯐ LDR 🢒🢒 LDR
} </marquee></br>
</div>
<a id="mark_module">
<div id="mark" class="moduleimg">
<a href="#mark">
<a href="#mark_T">
<img src="img/pcb_mark.png"/>
</a>
</a>
<br><marquee class="code" behavior="scroll" direction="right">{
Serial.begin(9600);
TV.begin(PAL);
@ -442,10 +447,12 @@ _ ⯐ LDR 🢒🢒 LDR
} </marquee></br>
</div>
<a id="avital_module">
<div id="avital2" class="moduleimg">
<a href="#avital">
<a href="#avital_T">
<img src="img/pcb_avital.png"/>
</a>
</a>
<br><marquee class="code" behavior="scroll" direction="right">{
Serial.begin(9600);
TV.begin(PAL);
@ -453,10 +460,12 @@ _ ⯐ LDR 🢒🢒 LDR
} </marquee></br>
</div>
<a id="max_module">
<div id="max" class="moduleimg">
<a href="#max">
<a href="#max_T">
<img src="img/pcb_max.png"/>
</a>
</a>
<br><marquee class="code" behavior="scroll" direction="right">{
Serial.begin(9600);
TV.begin(PAL);
@ -464,10 +473,12 @@ _ ⯐ LDR 🢒🢒 LDR
} </marquee></br>
</div>
<a id="ioanna_module">
<div id="ioana" class="moduleimg">
<a href="#ioana">
<a href="#ioana_T">
<img src="img/pcb_ioana.png"/>
</a>
</a>
<br><marquee class="code" behavior="scroll" direction="right">{
Serial.begin(9600);
TV.begin(PAL);
@ -475,10 +486,12 @@ _ ⯐ LDR 🢒🢒 LDR
} </marquee></br>
</div>
<a id="clara_module">
<div id="clara" class="moduleimg">
<a href="#clara">
<a href="#clara_T">
<img src="img/pcb_clara.png"/>
</a>
</a>
<br><marquee class="code" behavior="scroll" direction="right">{
Serial.begin(9600);
TV.begin(PAL);
@ -486,10 +499,12 @@ _ ⯐ LDR 🢒🢒 LDR
} </marquee></br>
</div>
<a id="sandra_module">
<div id="sandra" class="moduleimg">
<a href="#sandra">
<a href="#sandra_T">
<img src="img/pcb_sandra.png"/>
</a>
</a>
<br><marquee class="code" behavior="scroll" direction="right">{
Serial.begin(9600);
TV.begin(PAL);
@ -506,10 +521,12 @@ _ ⯐ LDR 🢒🢒 LDR
} </marquee></br>
</div>
<a id="mika_module">
<div id="mikapcb" class="moduleimg">
<a href="#mika">
<a href="#mika_T">
<img src="img/pcb_mika.png"/>
</a>
</a>
<br><marquee class="code" behavior="scroll" direction="right">{
Serial.begin(9600);
TV.begin(PAL);
@ -517,11 +534,12 @@ _ ⯐ LDR 🢒🢒 LDR
} </marquee></br>
</div>
<a id="anna_module">
<div id="annapcb" class="moduleimg">
<a href="#anna">
<a href="#anna_T">
<img src="img/pcb_anna.png"/>
</a>
</a>
<br><marquee class="code" behavior="scroll" direction="right">{
Serial.begin(9600);
TV.begin(PAL);
@ -531,6 +549,7 @@ _ ⯐ LDR 🢒🢒 LDR
</div>
</div>
<script>
var coll = document.getElementsByClassName("collapsible");
var i;

35
10/style.css
Unescape Escape View File

@ -16,6 +16,35 @@
font-style: normal;
*/
/* style edits */
a{
text-decoration: none;
color: black;
display: inline;
clear: none;
}
a:hover{
text-decoration: none;
color: #21632c;
}
a:active {
color: #21632c;
}
a:visited{
text-decoration: none;
color: black;
}
.name_T{
padding-top: 5vh;
}
/* style edits */
body
{
width:100%;
@ -182,7 +211,8 @@ div.moduleimg img{
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 50%;
margin-top: 27vh;
padding-top: 3vh;
}
div#bigpcb{
max-width: 90%;
@ -206,7 +236,8 @@ div#tisa2 img{
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 50%;
margin-top: 27vh;
padding-top: 3vh;
}
.output{

Write Preview
Loading…
Cancel
Save