|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<meta name="generator" content=
|
|
|
"HTML Tidy for HTML5 for Linux version 5.6.0">
|
|
|
<meta charset="UTF-8">
|
|
|
<title>Special issue 12</title>
|
|
|
<link rel="stylesheet" type="text/css" href="style.css">
|
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto Mono">
|
|
|
<script src="lib/jquery.js"></script>
|
|
|
<script src="lib/jquery-ui.min.js"></script>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="back">
|
|
|
<a id="main_page_link"href="https://issue.xpub.nl/">↰ Main Page</a>
|
|
|
</div>
|
|
|
<div class="intro">
|
|
|
<div class="page_title_2">
|
|
|
RADIO IMPLICANCIES
|
|
|
</div>
|
|
|
<div class="intro_text">
|
|
|
Radio Implicancies is a weekly broadcast of recorded and live
|
|
|
matter brought to you by Piet Zwart Institute's Experimental
|
|
|
Publishing programme. Radio Implicancies starts in the
|
|
|
middle. Each broadcast means to engage with the way
|
|
|
technologies are worlding the world. Take a deep breath and
|
|
|
jump in on other ways of calculating, validating, ordering
|
|
|
and framing collections of digital material. Let’s not wait
|
|
|
for tomorrow to pay attention to the colonial conditionings
|
|
|
of contemporary techno-cultures!
|
|
|
</div>
|
|
|
<div class="sec_title_contributors">
|
|
|
Contributors:
|
|
|
</div>
|
|
|
<div class="contributors_names">
|
|
|
Avital Barkai, Damlanur Bilgin, Sandra Golubjevaite, Tisa
|
|
|
Neža Herlec, Mark van den Heuvel, Max Lehmann, Mika
|
|
|
Motskobili, Clara Noseda, Anna Sandri, Ioana Tomici, Michael
|
|
|
Murtaugh, Femke Snelting
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="c_downclock">
|
|
|
<iframe id="cdownclock" style="width:400px; height:300px; border:none; background-image:url(IMG/2/2.gif); background-repeat:no-repeat;" src='blank12_6.html'> </iframe>
|
|
|
</div>
|
|
|
|
|
|
<div id="implicancies_06">
|
|
|
<div id="resources_06" class=""><iframe name="resources" id="iframe_06" src='resources_06.html'></iframe></div>
|
|
|
<!-- <div id="info"><div id="title"></div><div id="authors"></div> -->
|
|
|
<div id="week_06">
|
|
|
<div class="schedule_06">
|
|
|
PROGRAMME #12.6<br>
|
|
|
</div>
|
|
|
<div class="audio_06">
|
|
|
<audio controls=""><source src="" type="audio/ogg">
|
|
|
<track default="" kind="captions" srclang="en" src=
|
|
|
"archive_12.6.vtt"></audio>
|
|
|
</div>
|
|
|
<div id="table_content_06">
|
|
|
<ul>
|
|
|
<li id="track_6_1"> ⇢ track / name / duration </li>
|
|
|
<li id="track_6_2"> ⇢ track / name / duration </li>
|
|
|
<li id="track_6_3"> ⇢ track / name / duration </li>
|
|
|
<li id="track_6_4"> ⇢ track / name / duration </li>
|
|
|
<li id="track_6_5"> ⇢ track / name / duration </li>
|
|
|
<li id="track_6_6"> ⇢ track / name / duration </li>
|
|
|
<li id="track_6_7"> ⇢ track / name / duration </li>
|
|
|
<li id="track_6_8"> ⇢ track / name / duration </li>
|
|
|
<li id="track_6_9"> ⇢ track / name / duration </li>
|
|
|
<li id="track_6_10"> ⇢ track / name / duration </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div></div>
|
|
|
|
|
|
<div id="comment06">
|
|
|
<button id="comment_btn"> ETHERPAD </button>
|
|
|
</div>
|
|
|
|
|
|
<div id="etherpad_06" class="e06_hidden">
|
|
|
<div id="etherpad_06header">click here to move</div>
|
|
|
<iframe id="iframe_pad06" src="https://pad.xpub.nl/p/radio_implicancies_12.6" ></iframe>
|
|
|
</div>
|
|
|
|
|
|
<div id="chat06">
|
|
|
<button id="chat_btn"> CHAT </button>
|
|
|
</div>
|
|
|
|
|
|
<div id="chatwindow" class="ch06_hidden">
|
|
|
<div id="chat_06header">click here to move</div>
|
|
|
<iframe id="iframe_chat06" src="https://xpub.lurk.org" ></iframe>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="archive">
|
|
|
<div class="previous">ARCHIVE</div>
|
|
|
<br>
|
|
|
<br>
|
|
|
<div id="implicancies_05">
|
|
|
<div id="shell_03" class=""><div class="" id="shell_03header">click here to move</div><iframe name="shell" id="iframe_clock" src='blank12_5.html'></iframe></div>
|
|
|
<div id="info">
|
|
|
<div id="title"></div>
|
|
|
<div id="authors"></div>
|
|
|
</div>
|
|
|
<div class="audio_05">
|
|
|
<audio controls>
|
|
|
<source src="http://echo.lurk.org:999/radioimplicancies.ogg" type="audio/ogg">
|
|
|
<track default kind="captions"
|
|
|
srclang="en"
|
|
|
src="archive_12.1.5.vtt"/>
|
|
|
</audio>
|
|
|
<div class="icon" id="clock_icon"><img src="IMG/clock.png" width="100" height="100"></div>
|
|
|
<div class="icon" id="TOC_icon"><img src="IMG/program.png" width="100" height="100"></div>
|
|
|
<div class="icon" id="resources_icon"><img src="IMG/broadcast.png" width="100" height="100"></div>
|
|
|
<div id="etherpad" class="icon"><a href="https://pad.xpub.nl/p/radio_implicancies_12.5" class="link_05 etherpadlink" target="etherpad"><img src="IMG/etherpad.png" width="100" height="100"></a></div>
|
|
|
</div>
|
|
|
<div id="resources_05" class="hidden"><div class="" id="resources_05header">click here to move</div><iframe name="resources_05" id="iframe" class="resources_iframe" src='resources_05.html'></iframe></div>
|
|
|
<!-- <div id="info"><div id="title"></div><div id="authors"></div> -->
|
|
|
<div class="hidden" id="week_05"><div class="" id="week_05header">click here to move</div>
|
|
|
<div class="schedule_05"> <span class="misterpixel">à</span> playlist <span class="misterpixel">à</span>
|
|
|
|
|
|
</div><br>
|
|
|
<div id="table_content_05">
|
|
|
<ul>
|
|
|
<li id="track_5_1"><span class="numbers_table_content_05">1</span> Do.as, Mika, 5'17" </li>
|
|
|
<li id="track_5_2"><span class="numbers_table_content_05">2</span> a_smile, Sandra, 10'22"</li>
|
|
|
<li id="track_5_3"><span class="numbers_table_content_05">3</span> Nat King Cole - Daisy Bell (1963), Mark, 37'' </li>
|
|
|
<li id="track_5_4"><span class="numbers_table_content_05">4</span> HAL 9000 - Daisy Bell (taken from 2001: A Space Odyssey, 1968), Mark, 2'15" </li>
|
|
|
<li id="track_5_5"><span class="numbers_table_content_05">5</span> Bonzi Buddi - Daisy Bell (1999), Mark, 51" </li>
|
|
|
<li id="track_5_6"><span class="numbers_table_content_05">6</span> John Kelly, Carol Lockbaum & Max Mathews - Daisy Bell (1961), Mark, 42" </li>
|
|
|
<li id="track_5_7"><span class="numbers_table_content_05">7</span> Christopher C. Capon & C64 floppy disk drive - Daisy Bell (1985), Mark, 57"</li>
|
|
|
<li id="track_5_8"><span class="numbers_table_content_05">8</span> Gerald Adams - Daisy Bell (1893), Mark, 43" </li>
|
|
|
<li id="track_5_9"><span class="numbers_table_content_05">9</span> Immortal, Damla, 2'35" </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- <div id="shell_03" class="hidden"><iframe name="shell" id="iframe"></iframe></div> -->
|
|
|
<!-- <p>
|
|
|
live comment during the broadcast: <br><a href="https://pad.xpub.nl/p/radio_implicancies_12.4" target="etherpad"> >> ETHERPAD << </a>
|
|
|
</p> -->
|
|
|
<div id="etherpad_drag" class="hidden"><div class="" id="etherpad_drag_header">click here to move</div><iframe name="etherpad" class="etherpad_iframe hidden" ></iframe></div>
|
|
|
<div id="info">
|
|
|
<div id="title"></div>
|
|
|
<div id="authors"></div>
|
|
|
</div>
|
|
|
|
|
|
<!--div id="avi_05"><div class="" id="avi_header">click here to move</div><iframe name="avi_05" id="iframe" class="avi_iframe" src='avi_05.html'></iframe></div-->
|
|
|
<br>
|
|
|
<br>
|
|
|
</div>
|
|
|
|
|
|
<div id="implicancies_04">
|
|
|
<div id="resources_04" class=""><iframe name="resources" id="iframe_04" src='resources_04.html'></iframe></div>
|
|
|
<!-- <div id="info"><div id="title"></div><div id="authors"></div> -->
|
|
|
<div id="week_04">
|
|
|
<div class="schedule_04">
|
|
|
PROGRAMME #12.4<br>
|
|
|
04/06 at 16:00 (UTC+2)
|
|
|
</div>
|
|
|
<div class="audio_04">
|
|
|
<audio controls=""><source src="archive_12.4.mp3" type="audio/mp3">
|
|
|
<track default="" kind="captions" srclang="en" src="archive_12.4.vtt"></audio>
|
|
|
</div>
|
|
|
<div id="table_content_04">
|
|
|
<ul>
|
|
|
<li id="track_4_3">⇢ I can think with my own head ⇢
|
|
|
1'28''⇢ by Tisa ⇢</li>
|
|
|
<li id="track_4_1">⇢ Public Damage No. 2992 ⇢ 2'17''⇢
|
|
|
by Clara ⇢</li>
|
|
|
<li id="track_4_4">⇢ M.su ⇢ 3'51''⇢ by Mika ⇢</li>
|
|
|
<li id="track_4_7">⇢ Generative operations ⇢ 2'20''⇢ by
|
|
|
Tisa ⇢</li>
|
|
|
<li id="track_4_6">⇢ out of reach ⇢ 4'00''⇢ by Anna
|
|
|
⇢</li>
|
|
|
<li id="track_4_2">⇢ SupraSignal: An audio piece of the
|
|
|
unseen image ⇢ ~3'⇢ by Ioana ⇢</li>
|
|
|
<li id="track_4_5">⇢ A shift of power ⇢ x'xx''⇢ by
|
|
|
Avital & Max ⇢</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div id="etherpad_04">
|
|
|
live comment during the broadcast:<br>
|
|
|
<a href="https://pad.xpub.nl/p/radio_implicancies_12.4"
|
|
|
class="link_04" target="_blank">>> ETHERPAD
|
|
|
<<</a>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<br>
|
|
|
<br>
|
|
|
<br>
|
|
|
<div id="week_03" class="player">
|
|
|
<!-- <script src="https://threejs.org/build/three.js"></script>
|
|
|
<script src="torusKnot.js"></script> -->
|
|
|
<div class="sec_title_03">
|
|
|
#12.3 - 28/05
|
|
|
</div><br>
|
|
|
<div class="text_above_3">
|
|
|
The third broadcast is a mystery, a myth, a speculation, an
|
|
|
insecurity, a poem perhaps.
|
|
|
</div><br>
|
|
|
<ul id="table_content_03">
|
|
|
<span>⚡</span>
|
|
|
<li id="track_3_1">Lever Burns / Mika /
|
|
|
3'41"</li><span>⚡</span><br>
|
|
|
<span>⚡</span>
|
|
|
<li id="track_3_2">fnord[ligh!] / Anna /
|
|
|
5'11"</li><span>⚡</span><br>
|
|
|
<span>⚡</span>
|
|
|
<li id="track_3_3">The Benefits of Patriarchy / Damla,
|
|
|
Avital / 7'50"</li><span>⚡</span><br>
|
|
|
<span>⚡</span>
|
|
|
<li id="track_3_4">we_bleed_like_g_live_snippet / Sandra /
|
|
|
2'52"</li><span>⚡</span><br>
|
|
|
<span>⚡</span>
|
|
|
<li id="track_3_5">APMM - AudioProbenMischMaschine / Max /
|
|
|
~5'</li><span>⚡</span><br>
|
|
|
<span>⚡</span>
|
|
|
<li id="track_3_6">Insecurity Hotline / Ioana, Clara, Tisa
|
|
|
/ 10'10"</li><span>⚡</span><br>
|
|
|
<span>⚡</span>
|
|
|
<li id="track_3_8">Bird Report / Mark /
|
|
|
5'45"</li><span>⚡</span>
|
|
|
</ul>
|
|
|
<div class="audio_03">
|
|
|
<audio controls=""><source src="archive_12.3.mp3" type=
|
|
|
"audio/mp3">
|
|
|
<track default="" kind="captions" srclang="en" src=
|
|
|
"archive_12.3.vtt"></audio>
|
|
|
</div><!-- <div>
|
|
|
<p><a href="https://pad.xpub.nl/p/radio_implicancies_12.3" target="shell">etherpad</a>
|
|
|
<a href="shell.html" target="shell">shell</a>
|
|
|
</p>
|
|
|
</div> -->
|
|
|
<div class="text_below_3">
|
|
|
You can check this <a href=
|
|
|
"https://pad.xpub.nl/p/radio_implicancies_12.3" target=
|
|
|
"_blank">pad</a> for resources;
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="week_02" class="player">
|
|
|
<div class="sec_title_02">
|
|
|
#12.2 - 21/05
|
|
|
</div>
|
|
|
<p>In our second episode of the series we continue to
|
|
|
experiment with technologies of worlding, methods of
|
|
|
story-telling, and encounters of implicancies.</p><br>
|
|
|
<ul id="table_content_02">
|
|
|
<li id="track_2_1">Signals and messages: 1.0 / Damla & mark
|
|
|
/ 1'17"</li><span>&+*</span>
|
|
|
<li id="track_2_2">ZΣΣ/ Mika /
|
|
|
5'00"</li><span>&+*</span>
|
|
|
<li id="track_2_3">Signals and Messages: interlude 1 by Sun
|
|
|
Ra/ Damla & mark / 00'42"</li><span>&+*</span>
|
|
|
<li id="track_2_4">Till voices wake us / Max & Anna /
|
|
|
10'29''</li><span>&+*</span>
|
|
|
<li id="track_2_5">Signals and Messages: interlude 2 by Sun
|
|
|
Ra / Damla & mark / 00'29"</li><span>&+*</span>
|
|
|
<li id="track_2_6">Angry Women/ Avital & Mika & Sandra /
|
|
|
6'16"</li><span>&+*</span>
|
|
|
<li id="track_2_7">Minimax jingle/</li><span>&+*</span>
|
|
|
<li id="track_2_8">Signals and Messages: 2.0 / Mark & Damla
|
|
|
/ 3'50"</li><span>&+*</span>
|
|
|
<li id="track_2_9">Myths mythods mythodologies:part1 /
|
|
|
Ioana & Clara & Tisa / 9'42''</li><span>&+*</span>
|
|
|
<li id="track_2_10">Signals and Messages: outro by Sun Ra /
|
|
|
Mark & Damla / 1'29"</li>
|
|
|
</ul>
|
|
|
<div class="audio_02">
|
|
|
<audio controls=""><source src="archive_12.2.mp3" type=
|
|
|
"audio/mp3">
|
|
|
<track default="" kind="captions" srclang="en" src=
|
|
|
"archive_12.2.vtt"></audio>
|
|
|
</div>
|
|
|
<p>LIVE COMMENT STREAM HERE DURING THE BROADCAST <a href=
|
|
|
"https://www.yourworldoftext.com/implicances02" target=
|
|
|
"_blank">here</a><br>
|
|
|
You can check this <a href=
|
|
|
"https://pad.xpub.nl/p/implicancies-02" target=
|
|
|
"_blank">pad</a> for resources;</p>
|
|
|
</div>
|
|
|
|
|
|
<div id="week_01" class="player">
|
|
|
<div class="sec_title_01">
|
|
|
#12.1 - 14/05
|
|
|
</div>
|
|
|
<ul id="table_content_01">
|
|
|
<li id="track_1">Soleil No / Mika / 5'33''</li>
|
|
|
<li id="track_2">Souvenir / Damla / 5'38''</li>
|
|
|
<li id="track_3">Jingle</li>
|
|
|
<li id="track_4">poetry_mini_mix / Sandra / 3'22"</li>
|
|
|
<li id="track_5">sector D4X0 / Max & Ioana / 7'53''</li>
|
|
|
<li id="track_6">Jingle</li>
|
|
|
<li id="track_7">Louis XV will save us all / Clara /
|
|
|
1'47''</li>
|
|
|
<li id="track_8">Protocall: Do conversations ever end? / Mark
|
|
|
& Tisa / ~10''</li>
|
|
|
<li id="track_9">Synchonisation Piece #1 (a person with a
|
|
|
heartbeat of 72 bpm standing next to person with a heartbeat
|
|
|
of 70 bpm) / Mark / 1'20''</li>
|
|
|
<li id="track_10">Imagining, re-thinking and recording the
|
|
|
world outside / Anna & Avital / 6'21"</li>
|
|
|
<li id="track_11">jingle</li>
|
|
|
</ul>
|
|
|
<div class="audio_01">
|
|
|
<audio controls=""><source src="archive_12.1.3.mp3" type=
|
|
|
"audio/mp3">
|
|
|
<track default="" kind="captions" srclang="en" src=
|
|
|
"archive_12.1.3.vtt"></audio>
|
|
|
</div>
|
|
|
<p>You can check this <a href=
|
|
|
"https://pad.xpub.nl/p/implicancies-01" target="_blank">pad</a>
|
|
|
for resources.</p>
|
|
|
</div><!-- <div class="contributors"> -->
|
|
|
</div> <!-- div archive -->
|
|
|
<script src="player2.js"></script>
|
|
|
<script src="liveplayer.js"></script>
|
|
|
<script>
|
|
|
// using jquery-ui
|
|
|
$("#shell_03").draggable({ handle: "#shell_03header" });
|
|
|
$("#week_05").draggable({handle: '#week_05header'});
|
|
|
$("#resources_05").draggable({handle: '#resources_05header'});
|
|
|
$("#etherpad_drag").draggable({handle: '#etherpad_drag_header'});
|
|
|
|
|
|
player(document.querySelector("#week_04"), document.querySelector("#iframe_04"));
|
|
|
player(document.querySelector("#week_03"));
|
|
|
player(document.querySelector("#week_02"));
|
|
|
player(document.querySelector("#week_01"));
|
|
|
liveplayer(document.querySelector("#week_05"),document.querySelector("iframe.resources_iframe"));
|
|
|
document.querySelector("#iframe").addEventListener("load",function(){
|
|
|
document.querySelector("#shell_03").classList.remove("hidden");
|
|
|
});
|
|
|
var iframe_loaded=false;
|
|
|
document.querySelector("#implicancies_05 #etherpad_drag").addEventListener("load",function(){
|
|
|
iframe_loaded=true;
|
|
|
});
|
|
|
|
|
|
document.querySelector("#implicancies_05 .etherpadlink").addEventListener("click",function(e){
|
|
|
console.log("click", e);
|
|
|
document.querySelector("#implicancies_05 #etherpad_drag").classList.toggle("hidden");
|
|
|
if(iframe_loaded){
|
|
|
console.log("preventDefault")
|
|
|
e.preventDefault()
|
|
|
}
|
|
|
});
|
|
|
|
|
|
document.querySelector(".audio_05 #TOC_icon").addEventListener("click",function(){
|
|
|
document.querySelector("#implicancies_05 #week_05").classList.toggle("hidden");
|
|
|
});
|
|
|
document.querySelector(".audio_05 #clock_icon").addEventListener("click",function(){
|
|
|
document.querySelector("#implicancies_05 #shell_03").classList.toggle("hidden");
|
|
|
});
|
|
|
document.querySelector(".audio_05 #resources_icon").addEventListener("click",function(){
|
|
|
document.querySelector("#implicancies_05 #resources_05").classList.toggle("hidden");
|
|
|
});
|
|
|
|
|
|
|
|
|
// Implicancies 12.6
|
|
|
//Make the PAD DIV element draggagle:
|
|
|
dragElement(document.getElementById("etherpad_06"));
|
|
|
|
|
|
function dragElement(elmnt) {
|
|
|
var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
|
|
|
if (document.getElementById(elmnt.id + "header")) {
|
|
|
/* if present, the header is where you move the DIV from:*/
|
|
|
document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
|
|
|
} else {
|
|
|
/* otherwise, move the DIV from anywhere inside the DIV:*/
|
|
|
elmnt.onmousedown = dragMouseDown;
|
|
|
}
|
|
|
|
|
|
function dragMouseDown(e) {
|
|
|
e = e || window.event;
|
|
|
e.preventDefault();
|
|
|
// get the mouse cursor position at startup:
|
|
|
pos3 = e.clientX;
|
|
|
pos4 = e.clientY;
|
|
|
document.onmouseup = closeDragElement;
|
|
|
// call a function whenever the cursor moves:
|
|
|
document.onmousemove = elementDrag;
|
|
|
}
|
|
|
|
|
|
function elementDrag(e) {
|
|
|
e = e || window.event;
|
|
|
e.preventDefault();
|
|
|
// calculate the new cursor position:
|
|
|
pos1 = pos3 - e.clientX;
|
|
|
pos2 = pos4 - e.clientY;
|
|
|
pos3 = e.clientX;
|
|
|
pos4 = e.clientY;
|
|
|
// set the element's new position:
|
|
|
elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
|
|
|
elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
|
|
|
}
|
|
|
|
|
|
function closeDragElement() {
|
|
|
/* stop moving when mouse button is released:*/
|
|
|
document.onmouseup = null;
|
|
|
document.onmousemove = null;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
$(document).ready(function(){
|
|
|
$("#comment_btn").click(function(){
|
|
|
$("#etherpad_06").toggle();
|
|
|
});
|
|
|
});
|
|
|
|
|
|
$(document).ready(function(){
|
|
|
$("#chat_btn").click(function(){
|
|
|
$("#chatwindow").toggle();
|
|
|
});
|
|
|
});
|
|
|
|
|
|
|
|
|
</script>
|
|
|
</body>
|
|
|
</html>
|