|
|
<!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">
|
|
|
|
|
|
</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 id="implicancies_05">
|
|
|
<div id="shell_03" class=""><div class="" id="shell_03header">click here do 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"><div class="" id="audio_05header">click here do move</div>
|
|
|
<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"><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="schedule_05">
|
|
|
tracks<br>
|
|
|
|
|
|
</div>
|
|
|
<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> ...</li>
|
|
|
<li id="track_5_3"><span class="numbers_table_content_05">3</span> ...</li>
|
|
|
<li id="track_5_4"><span class="numbers_table_content_05">4</span> ...</li>
|
|
|
<li id="track_5_5"><span class="numbers_table_content_05">5</span> ...</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> -->
|
|
|
<iframe name="etherpad" class="etherpad_iframe hidden" ></iframe>
|
|
|
<div id="info">
|
|
|
<div id="title"></div>
|
|
|
<div id="authors"></div>
|
|
|
</div><br>
|
|
|
<br>
|
|
|
</div>
|
|
|
<div class="archive">
|
|
|
<div class="previous">
|
|
|
ARCHIVE
|
|
|
</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="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" class="hidden">live comment during the broadcast: <br><a href="https://pad.xpub.nl/p/radio_implicancies_12.4" class="link_04" target="etherpad"> >> ETHERPAD << </a><iframe name="etherpad" id="iframe2" ></iframe></div>
|
|
|
<div id="info"><div id="title"></div><div id="authors"></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>
|
|
|
<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>
|
|
|
<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"> -->
|
|
|
<script src="player2.js"></script>
|
|
|
<script src="liveplayer.js"></script>
|
|
|
<!--script src="dragable.js"></script-->
|
|
|
<script>
|
|
|
|
|
|
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_04"),document.querySelector("#iframe_04"));
|
|
|
document.querySelector("#iframe").addEventListener("load",function(){
|
|
|
document.querySelector("#shell_03").classList.remove("hidden");
|
|
|
});
|
|
|
var iframe_loaded=false;
|
|
|
document.querySelector("#implicancies_05 .etherpad_iframe").addEventListener("load",function(){
|
|
|
iframe_loaded=true;
|
|
|
});
|
|
|
|
|
|
document.querySelector("#implicancies_05 .etherpadlink").addEventListener("click",function(e){
|
|
|
console.log("click", e);
|
|
|
document.querySelector("#implicancies_05 .etherpad_iframe").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");
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var dragItem = document.querySelector("#shell_03header");
|
|
|
var container = document.querySelector("#shell03");
|
|
|
|
|
|
var active = false;
|
|
|
var currentX;
|
|
|
var currentY;
|
|
|
var initialX;
|
|
|
var initialY;
|
|
|
var xOffset = 0;
|
|
|
var yOffset = 0;
|
|
|
|
|
|
container.addEventListener("touchstart", dragStart, false);
|
|
|
container.addEventListener("touchend", dragEnd, false);
|
|
|
container.addEventListener("touchmove", drag, false);
|
|
|
|
|
|
container.addEventListener("mousedown", dragStart, false);
|
|
|
container.addEventListener("mouseup", dragEnd, false);
|
|
|
container.addEventListener("mousemove", drag, false);
|
|
|
|
|
|
function dragStart(e) {
|
|
|
if (e.type === "touchstart") {
|
|
|
initialX = e.touches[0].clientX - xOffset;
|
|
|
initialY = e.touches[0].clientY - yOffset;
|
|
|
} else {
|
|
|
initialX = e.clientX - xOffset;
|
|
|
initialY = e.clientY - yOffset;
|
|
|
}
|
|
|
|
|
|
if (e.target === dragItem) {
|
|
|
active = true;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function dragEnd(e) {
|
|
|
initialX = currentX;
|
|
|
initialY = currentY;
|
|
|
|
|
|
active = false;
|
|
|
}
|
|
|
|
|
|
function drag(e) {
|
|
|
if (active) {
|
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
|
if (e.type === "touchmove") {
|
|
|
currentX = e.touches[0].clientX - initialX;
|
|
|
currentY = e.touches[0].clientY - initialY;
|
|
|
} else {
|
|
|
currentX = e.clientX - initialX;
|
|
|
currentY = e.clientY - initialY;
|
|
|
}
|
|
|
|
|
|
xOffset = currentX;
|
|
|
yOffset = currentY;
|
|
|
|
|
|
setTranslate(currentX, currentY, dragItem);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function setTranslate(xPos, yPos, el) {
|
|
|
el.style.transform = "translate3d(" + xPos + "px, " + yPos + "px, 0)";
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
</body>
|
|
|
</html>
|