diff --git a/broadcast3/2print-org.png b/broadcast3/2print-org.png deleted file mode 100644 index 0c0a68e..0000000 Binary files a/broadcast3/2print-org.png and /dev/null differ diff --git a/index-default.html b/index-default.html index 07827bc..0b877e3 100644 --- a/index-default.html +++ b/index-default.html @@ -26,80 +26,85 @@ +

29-30 November'21: Mirroring the 24hr radio marathon ROOTS

+ +

29 July'21: The User Condition #03 - met Anaëlle Beignon

+ +

24 July'21: Feminist Hack Meetings #2 - Polyphonic Radio Ensemble

+ +

12 July'21: Waste/d voices and infrastructures

+ +

12-14 June'21: Mirroring Radio Alhara: Sonic Liberation Front

+ +

11 June'21: Ecstatic Speech

+ +

19-23 May'21: Mirroring Radio Alhara: Sonic Liberation Front

+ +

17 May'21: The User Condition #02 - Met Brendan Howell

+ +

28 March'21: Read & Repair

+ +

23 March'21: User Condition S01E01

+ +

13 March'21: FHM #1 Feminist Hack Meetings: Feminist Servers

+ +

28 February'21: Read & Repair: Wireless Imagination

+ +

27 June'20: RE#SISTER: Corporeal Whispers

+ +

19 June'20: Niek Hilkmann - Groeten uit Charlois

+ +

18 April'20: We hope this email finds you well

+ +

14 March'20:Radio on the Radio

+ + + +
@@ -108,21 +113,21 @@
- + - + + + - + + + - + - + - - - - - +
@@ -135,10 +140,7 @@ - - - - + " ♬ ¨ * • WELCOME TO THE VARIA NARROWCAST • ♬ °¸. there is currently no event happening, please check our agenda @ varia.zone " @@ -148,7 +150,9 @@ Your browser does not support the audio element. Try the direct link to the audio below!

- Press play to tune in! It might take a few seconds to load.

+ Press play to tune in! It might take a few seconds to load...
+ Druk op "play" om te luisteren! Het kan een paar seconden duren voordat je iets hoort... +

+ + diff --git a/index.html b/index.html index 0f07001..0b877e3 100644 --- a/index.html +++ b/index.html @@ -26,84 +26,85 @@ +

29-30 November'21: Mirroring the 24hr radio marathon ROOTS

+ +

29 July'21: The User Condition #03 - met Anaëlle Beignon

+ +

24 July'21: Feminist Hack Meetings #2 - Polyphonic Radio Ensemble

+ +

12 July'21: Waste/d voices and infrastructures

+ +

12-14 June'21: Mirroring Radio Alhara: Sonic Liberation Front

+ +

11 June'21: Ecstatic Speech

+ +

19-23 May'21: Mirroring Radio Alhara: Sonic Liberation Front

+ +

17 May'21: The User Condition #02 - Met Brendan Howell

+ +

28 March'21: Read & Repair

+ +

23 March'21: User Condition S01E01

+ +

13 March'21: FHM #1 Feminist Hack Meetings: Feminist Servers

+ +

28 February'21: Read & Repair: Wireless Imagination

+ +

27 June'20: RE#SISTER: Corporeal Whispers

+ +

19 June'20: Niek Hilkmann - Groeten uit Charlois

+ +

18 April'20: We hope this email finds you well

+ +

14 March'20:Radio on the Radio

+ +
+
+
@@ -112,21 +113,21 @@
- + - + + + - + + + - + - + - - - - - +
@@ -139,20 +140,19 @@ - - - - + " ♬ ¨ * • WELCOME TO THE VARIA NARROWCAST • ♬ °¸. there is currently no event happening, please check our agenda @ varia.zone "

- Press play to tune in! It might take a few seconds to load.

+ Press play to tune in! It might take a few seconds to load...
+ Druk op "play" om te luisteren! Het kan een paar seconden duren voordat je iets hoort... +

+ + diff --git a/narrowscripts.js b/narrowscripts.js index 0b56a51..68c215d 100644 --- a/narrowscripts.js +++ b/narrowscripts.js @@ -1,38 +1,41 @@ // SCRIPTS FOR THE NEW AUDIO PLAYER -(function(){ +// edit: mb turned the audio player code to make it work on iOS in September 2022 +// commenting out the function below... - function waitForIt(selector, time) { - if(document.querySelector(selector)!=null) { +// (function(){ - var chat_title = document.getElementsByClassName("chatbox-title__text")[0]; - var element = document.createElement("span"); +// function waitForIt(selector, time) { +// if(document.querySelector(selector)!=null) { - element.innerHTML = '
'; +// var chat_title = document.getElementsByClassName("chatbox-title__text")[0]; +// var element = document.createElement("span"); - chat_title.insertAdjacentElement('afterend', element); +// element.innerHTML = '
'; - return; - } - else { - setTimeout(function() { +// chat_title.insertAdjacentElement('afterend', element); - waitForIt(selector, time); +// return; +// } +// else { +// setTimeout(function() { - }, time); - } - } +// waitForIt(selector, time); + +// }, time); +// } +// } - waitForIt(".toggle-smiley", 1000); -})(); +// waitForIt(".toggle-smiley", 1000); +// })(); -$(function() { - console.log("PARENT READY"); - $("iframe").on("load", function(){ - console.log("LOADED"); - $(this).contents().find('.kiwi-startup-common').hide(); - }); - }); +// $(function() { +// console.log("PARENT READY"); +// $("iframe").on("load", function(){ +// console.log("LOADED"); +// $(this).contents().find('.kiwi-startup-common').hide(); +// }); +// }); // SCRIPT for button to hide side pannel --> @@ -64,8 +67,8 @@ $(function() { var elwel = document.getElementById("showWel"); elwel.classList.toggle("hide"); - var bwel = document.getElementById("bhide_wel"); - bwel.classList.toggle("bhide_chat_off") + var bwel = document.getElementById("button_wel"); + bwel.classList.toggle("show_button") we = document.getElementById("showWel"); we.scrollIntoView(); @@ -75,8 +78,8 @@ $(function() { var elchat = document.getElementById("showChat"); elchat.classList.toggle("hide"); - var bchat = document.getElementById("bhide_chat"); - bchat.classList.toggle("bhide_chat_off") + var bchat = document.getElementById("button_chat"); + bchat.classList.toggle("show_button") cha = document.getElementById("showChat"); cha.scrollIntoView(); @@ -86,8 +89,8 @@ $(function() { var elether = document.getElementById("showEther"); elether.classList.toggle("hide"); - var bether = document.getElementById("bhide_ether"); - bether.classList.toggle("bhide_chat_off") + var bether = document.getElementById("button_ether"); + bether.classList.toggle("show_button") eth = document.getElementById("showEther"); eth.scrollIntoView(); @@ -98,8 +101,8 @@ $(function() { var elau = document.getElementById("showAudio"); elau.classList.toggle("hide"); - var bau = document.getElementById("bhide_au"); - bau.classList.toggle("bhide_chat_off") + var bau = document.getElementById("button_au"); + bau.classList.toggle("show_button") au = document.getElementById("showAudio"); au.scrollIntoView(); @@ -111,8 +114,8 @@ $(function() { var eljit = document.getElementById("showJit"); eljit.classList.toggle("hide"); - var bjit = document.getElementById("bhide_jit"); - bjit.classList.toggle("bhide_chat_off") + var bjit = document.getElementById("button_jit"); + bjit.classList.toggle("show_button") jit = document.getElementById("showJit"); jit.scrollIntoView(); @@ -123,8 +126,8 @@ $(function() { var eless = document.getElementById("showEssay"); eless.classList.toggle("hide"); - var bess = document.getElementById("bhide_ess"); - bess.classList.toggle("bhide_chat_off") + var bess = document.getElementById("button_ess"); + bess.classList.toggle("show_button") ess = document.getElementById("showEssay"); ess.scrollIntoView(); @@ -135,8 +138,8 @@ $(function() { var elvid = document.getElementById("showVideo"); elvid.classList.toggle("hide"); - var bvid = document.getElementById("bhide_vid"); - bvid.classList.toggle("bhide_chat_off") + var bvid = document.getElementById("button_vid"); + bvid.classList.toggle("show_button") vid = document.getElementById("showVideo"); vid.scrollIntoView(); @@ -148,8 +151,8 @@ $(function() { var elimg = document.getElementById("showImg"); elimg.classList.toggle("hide"); - var bimg = document.getElementById("bhide_img"); - bimg.classList.toggle("bhide_chat_off") + var bimg = document.getElementById("button_img"); + bimg.classList.toggle("show_button") im = document.getElementById("showImg"); im.scrollIntoView(); @@ -161,8 +164,8 @@ $(function() { var elgal = document.getElementById("showGal"); elgal.classList.toggle("hide"); - var bgal = document.getElementById("bhide_gal"); - bgal.classList.toggle("bhide_chat_off") + var bgal = document.getElementById("button_gal"); + bgal.classList.toggle("show_button") gal = document.getElementById("showGal"); gal.scrollIntoView(); diff --git a/narrowstyle-extra.css b/narrowstyle-extra.css index d0e83fd..dd79366 100644 --- a/narrowstyle-extra.css +++ b/narrowstyle-extra.css @@ -3,33 +3,3 @@ /* once the event is over remember these and the corresponding classes on index.html and put all back to 'placeholder mode' dank je! */ -/* Silvio's User Condition #03 */ - -#showEssay { - width: 54.5%; -} - -#showChat { - width: 34.5%; -} - -#dave, #silvio { - width: 80px; - height: auto; - position: fixed; - bottom: 100px; - right: 80px; -} - -#dave { - bottom: 230px; -} - -#dave > img, #silvio > img { - border-radius: 50px; - box-shadow: 0.3rem 0.2rem 0.3rem #ffe4fd; -} - -.b_allmedia { - top: 150px; -} \ No newline at end of file diff --git a/narrowstyle.css b/narrowstyle.css index 05d302a..c6698a4 100644 --- a/narrowstyle.css +++ b/narrowstyle.css @@ -98,7 +98,7 @@ p.about { position: fixed; top: 0; right: 0; - margin: 3% 1% 0% 1%; + margin: 0.5em; color: var(--color-lightyellow); z-index: 99; max-width: 80px; @@ -316,21 +316,21 @@ button.minimize:hover { box-shadow: 0.3rem 0.2rem 0.3rem var(--color-lightpink); } -.bhide_chat_off { +.show_button { color: var(--color-purple) !important; background-color: var(--color-lightpink) !important; box-shadow: none !important; border: 0.03rem solid var(--color-purple) !important; } -.bhide_chat_off{ +.show_button{ background: -moz-linear-gradient(0deg, var(--color-lightpink) 20%, var(--color-purple) 40%, var(--color-purple) 60%, var(--color-lightpink) 80%, var(--color-lightpink) 100%); background: -webkit-linear-gradient(0deg, var(--color-lightpink) 20%, var(--color-purple) 40%, var(--color-purple) 60%, var(--color-lightpink) 80%, var(--color-lightpink) 100%); background: linear-gradient(0deg, var(--color-lightpink) 20%, var(--color-purple) 40%, var(--color-purple) 60%, var(--color-lightpink) 80%, var(--color-lightpink) 100%); /*content: " OFF";*/ } -.bhide_chat_off:hover { +.show_button:hover { background: -moz-linear-gradient(0deg, var(--color-lightpink) 40%, var(--color-purple) 50%, var(--color-lightpink) 60%, var(--color-lightpink) 100%); background: -webkit-linear-gradient(0deg, var(--color-lightpink) 40%, var(--color-purple) 50%, var(--color-lightpink) 60%, var(--color-lightpink) 100%); background: linear-gradient(0deg, var(--color-lightpink) 40%, var(--color-purple) 50%, var(--color-lightpink) 60%, var(--color-lightpink) 100%); @@ -373,6 +373,9 @@ background: linear-gradient(0deg, var(--color-lightpink) 40%, var(--color-purp #showAudio > * { height: auto !important; } +#showAudio p{ + text-align: center; +} .halfscreen { margin: 1%; @@ -383,6 +386,11 @@ background: linear-gradient(0deg, var(--color-lightpink) 40%, var(--color-purp height: 60vh; border-radius: 0.2rem; } +.halfscreen > video{ + width: 100%; + height: auto !important; + margin-top: 1.5em; +} .thirdscreen { margin: 1%; diff --git a/video-poster.png b/video-poster.png new file mode 100644 index 0000000..4a1218f Binary files /dev/null and b/video-poster.png differ