You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

430 lines
18 KiB
HTML

4 years ago
<!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">
4 years ago
<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>
4 years ago
</head>
<body>
<div class="back">
<a id="main_page_link"href="https://issue.xpub.nl/">↰ Main Page</a>
4 years ago
</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. Lets 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">
4 years ago
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>
4 years ago
<div id="implicancies_06">
4 years ago
<div id="week_06">
<div class="schedule_06">
RADIO IMPLICANCIES #12.6 ∿∿∿∿ ∿∿∿∿ <br>
4 years ago
</div>
<div class="audio_06">
<audio controls=""><source src="" type="audio/ogg">
4 years ago
<track default="" kind="captions" srclang="en" src=
"archive_12.6.vtt"></audio>
</div>
<div id="chat06"> live comment <br> during the broadcast<br><br>
<button id="chat_btn"> CHAT </button>
</div>
<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> -->
4 years ago
<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>
4 years ago
</ul>
</div>
</div></div>
<!-- <div id="comment06">
<button id="comment_btn"> ETHERPAD </button>
4 years ago
</div>
<div id="etherpad_06" class="e06_hidden">
4 years ago
<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="chatwindow" class="ch06_hidden">
<div id="chat_06header">click here to move</div>
<iframe id="iframe_chat06" src="https://kiwiirc.com/client/irc.kiwiirc.com/?nick=anonymous|?&theme=cli#xpub" style="border:0;"></iframe>
</div>
4 years ago
<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>
4 years ago
<div id="info">
<div id="title"></div>
<div id="authors"></div>
</div>
<div class="audio_05">
<audio controls="">
<source src="archive_12.5.mp3" type="audio/mp3">
<track default="" kind="captions" srclang="en" src="archive_12.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>
4 years ago
<!-- <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>
4 years ago
<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>
4 years ago
</ul>
</div>
</div>
4 years ago
<!-- <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>&nbsp;&nbsp;
</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>
4 years ago
<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>
4 years ago
<br>
</div>
4 years ago
4 years ago
<div id="implicancies_04">
<div id="resources_04" class=""><iframe name="resources" id="iframe_04" src='resources_04.html'></iframe></div>
4 years ago
<!-- <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">
4 years ago
<audio controls=""><source src="archive_12.4.mp3" type="audio/mp3">
<track default="" kind="captions" srclang="en" src="archive_12.4.vtt"></audio>
4 years ago
</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">&gt;&gt; ETHERPAD
&lt;&lt;</a>
</div>
4 years ago
</div>
4 years ago
<br>
<br>
<br>
<div id="week_03" class="player">
4 years ago
<!-- <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>
4 years ago
<p><a href="https://pad.xpub.nl/p/radio_implicancies_12.3" target="shell">etherpad</a>&nbsp;&nbsp;
<a href="shell.html" target="shell">shell</a>
</p>
</div> -->
<div class="text_below_3">
4 years ago
You can check this <a href=
"https://pad.xpub.nl/p/radio_implicancies_12.3" target=
"_blank">pad</a> for resources;
</div>
</div>
4 years ago
<div id="week_02" class="player">
<div class="sec_title_02">
#12.2 - 21/05
</div>
4 years ago
<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>&amp;+*</span>
<li id="track_2_2">ZΣΣ/ Mika /
5'00"</li><span>&amp;+*</span>
<li id="track_2_3">Signals and Messages: interlude 1 by Sun
Ra/ Damla & mark / 00'42"</li><span>&amp;+*</span>
<li id="track_2_4">Till voices wake us / Max & Anna /
10'29''</li><span>&amp;+*</span>
<li id="track_2_5">Signals and Messages: interlude 2 by Sun
Ra / Damla & mark / 00'29"</li><span>&amp;+*</span>
<li id="track_2_6">Angry Women/ Avital & Mika & Sandra /
6'16"</li><span>&amp;+*</span>
<li id="track_2_7">Minimax jingle/</li><span>&amp;+*</span>
<li id="track_2_8">Signals and Messages: 2.0 / Mark & Damla
/ 3'50"</li><span>&amp;+*</span>
<li id="track_2_9">Myths mythods mythodologies:part1 /
Ioana & Clara & Tisa / 9'42''</li><span>&amp;+*</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>
4 years ago
<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>
4 years ago
4 years ago
<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"> -->
4 years ago
</div> <!-- div archive -->
4 years ago
<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("#implicancies_05"), document.querySelector("#iframe"));
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");
});
4 years ago
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){
4 years ago
console.log("click", e);
4 years ago
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");
});
4 years ago
// Implicancies 12.6
//Make the PAD DIV element draggagle:
//dragElement(document.getElementById("etherpad_06"));
dragElement(document.getElementById("chatwindow"));
4 years ago
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();
});
});
4 years ago
</script>
</body>
</html>