Update '12/index_test.html'

master
golub 5 years ago
parent c20fbfad91
commit 73f348729c

@ -1,260 +1,375 @@
<html lang="en"> <!DOCTYPE html>
<html lang="en">
<head>
<head> <meta name="generator" content=
<meta charset="UTF-8"> "HTML Tidy for HTML5 for Linux version 5.6.0">
<meta charset="utf-8"> <meta charset="UTF-8">
<meta charset="utf8" name="viewport" content="width=device-width, initial-scale=1"> <title>Special issue 12</title>
<title>Special issue 12</title> <link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" href=
<link rel="stylesheet" "https://fonts.googleapis.com/css?family=Roboto Mono">
href="https://fonts.googleapis.com/css?family=Roboto Mono"> <script src="lib/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.1/p5.min.js"></script> <script src="lib/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.1/addons/p5.dom.min.js"></script> </head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.1/addons/p5.sound.min.js"></script> <body>
<script src="sketch.js" type="text/javascript"></script> <div class="back">
</head> <a id="main_page_link"href="https://issue.xpub.nl/">↰ Main Page</a>
<body> </div>
<div class="back"><a href="https://issue.xpub.nl/"> ↰ Main Page </a></div> <div class="intro">
<div class="intro"> <div class="page_title_2">
<div class="page_title_2">RADIO IMPLICANCIES</div> RADIO IMPLICANCIES
<div class="intro_text"> </div>
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 class="intro_text">
</div> Radio Implicancies is a weekly broadcast of recorded and live
<div class="sec_title_contributors">Contributors:</div> 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"> <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 Avital Barkai, Damlanur Bilgin, Sandra Golubjevaite, Tisa
</div> Neža Herlec, Mark van den Heuvel, Max Lehmann, Mika
</div> Motskobili, Clara Noseda, Anna Sandri, Ioana Tomici, Michael
<div id="shell_03" class=""><iframe name="shell" id="iframe_clock" src='blank.html'></iframe></div> Murtaugh, Femke Snelting
<div id="info"><div id="title"></div><div id="authors"></div> </div>
</div> </div>
<div id="implicancies_04"> <div id="implicancies_05">
<div id="resources" class=""><iframe name="resources" id="iframe" src='resources_04.html'></iframe></div> <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 id="info">
<div id="week_04"> <div id="title"></div>
<div class="schedule_04">PROGRAMME #12.4<br>04/06 at 16:00 (UTC+2)</div> <div id="authors"></div>
<div class="audio_04"> </div>
<audio controls> <div class="audio_05">
<audio controls>
<source src="http://echo.lurk.org:999/radioimplicancies.ogg" type="audio/ogg"> <source src="http://echo.lurk.org:999/radioimplicancies.ogg" type="audio/ogg">
<track default kind="captions" <track default kind="captions"
srclang="en" srclang="en"
src="archive_12.1.4.vtt"/> src="archive_12.1.5.vtt"/>
</audio> </audio>
</div> <div class="icon" id="clock_icon"><img src="IMG/clock.png" width="100" height="100"></div>
<div id="table_content_04"> <div class="icon" id="TOC_icon"><img src="IMG/program.png" width="100" height="100"></div>
<li id="track_4_3"> &#8674; I can think with my own head &#8674; 1'28''&#8674; by Tisa &#8674;</li> <div class="icon" id="resources_icon"><img src="IMG/broadcast.png" width="100" height="100"></div>
<li id="track_4_1"> &#8674; Public Damage No. 2992 &#8674; 2'17''&#8674; by Clara &#8674;</li> <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>
<li id="track_4_4"> &#8674; M.su &#8674; 3'51''&#8674; by Mika &#8674;</li> </div>
<li id="track_4_7"> &#8674; Generative operations &#8674; 2'20''&#8674; by Tisa and Xpub &#8674;</li> <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>
<li id="track_4_6"> &#8674; out of reach &#8674; 4'00''&#8674; by Anna &#8674;</li> <!-- <div id="info"><div id="title"></div><div id="authors"></div> -->
<li id="track_4_2"> &#8674; SupraSignal: An audio piece of the unseen image &#8674; ~3'&#8674; by Ioana &#8674;</li> <div class="hidden" id="week_05"><div class="" id="week_05header">click here to move</div>
<li id="track_4_5"> &#8674; A shift of power &#8674; x'xx''&#8674; by Avital & Max &#8674;</li> <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> </div>
</div>
<!-- <div id="shell_03" class="hidden"><iframe name="shell" id="iframe"></iframe></div> -->
<!-- <p> <!-- <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; live comment during the broadcast: <br><a href="https://pad.xpub.nl/p/radio_implicancies_12.4" target="etherpad"> >> ETHERPAD << </a>&nbsp;&nbsp;
</p> --> </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="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 id="info">
</div> <div id="title"></div>
<div id="authors"></div>
<div class="archive"> </div>
<div class="previous"> &#8668;&#8668;&#8668;&#8668;&#8668;&#8668;&#8668;&#8668;&#8668;&#8668;&#8668;&#8668;&#8668;&#8668; ARCHIVE &#8669;&#8669;&#8669;&#8669;&#8669;&#8669;&#8669;&#8669;&#8669;&#8669;&#8669;&#8669;&#8669;&#8669;</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> <!--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>
<li id="track_3_6">Insecurity Hotline / Ioana, Clara, Tisa / 10'10"</li> <div class="archive">
<div class="previous">
ARCHIVE
</div>
<span></span> <br> <span></span> <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>
<li id="track_3_8">Bird Report / Mark / 5'45"</li> <!-- <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>
<div id="info">
<div id="title"></div>
<div id="authors"></div>
</div>
<span></span> <!--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>
</ul> <!-- <div id="shell_03" class="hidden"><iframe name="shell" id="iframe"></iframe></div> -->
<div class="audio_03"> <!-- <p>
<audio controls> live comment during the broadcast: <br><a href="https://pad.xpub.nl/p/radio_implicancies_12.4" target="etherpad"> >> ETHERPAD << </a>&nbsp;&nbsp;
<source src="https://echo.lurk.org:999/radioimplicancies.ogg" type="audio/ogg"> </p>
</audio> <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">&gt;&gt; ETHERPAD
&lt;&lt;</a>
</div> </div>
<!-- <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>&nbsp;&nbsp; <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> <a href="shell.html" target="shell">shell</a>
</p> </p>
</div> --> </div> -->
<div class="text_below_3"> <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; You can check this <a href=
</div> "https://pad.xpub.nl/p/radio_implicancies_12.3" target=
"_blank">pad</a> for resources;
</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> </div>
<div id="week_02" class="player">
<div id="week_01" class="player"> <div class="sec_title_02">
<div class="sec_title_01">#12.1 - 14/05</div> #12.2 - 21/05
<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> </div>
<p>You can check this <a href="https://pad.xpub.nl/p/implicancies-01" target="_blank">pad</a> for resources.</p> <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> </div>
</div> <p>LIVE COMMENT STREAM HERE DURING THE BROADCAST <a href=
<!-- <div class="contributors"> --> "https://www.yourworldoftext.com/implicances02" target=
"_blank">here</a><br>
<script src="player2.js"></script> You can check this <a href=
"https://pad.xpub.nl/p/implicancies-02" target=
<script src="liveplayer.js"></script> "_blank">pad</a> for resources;</p>
<script> </div>
//player(document.querySelector("#week_03")); </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>
// 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_02"));
player(document.querySelector("#week_01")); player(document.querySelector("#week_01"));
liveplayer(document.querySelector("#week_04"),document.querySelector("#iframe")); liveplayer(document.querySelector("#week_05"),document.querySelector("iframe.resources_iframe"));
document.querySelector("#iframe").addEventListener("load",function(){ document.querySelector("#iframe").addEventListener("load",function(){
document.querySelector("#shell_03").classList.remove("hidden"); document.querySelector("#shell_03").classList.remove("hidden");
}); });
document.querySelector("#iframe2").addEventListener("load",function(){ var iframe_loaded=false;
document.querySelector("#etherpad").classList.remove("hidden"); document.querySelector("#implicancies_05 #etherpad_drag").addEventListener("load",function(){
iframe_loaded=true;
}); });
</script> 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");
});
</body> </script>
</html> </body>
</html>

Loading…
Cancel
Save