varia/web-narrowcast
14
0
Fork 1
Code Issues 11 Pull Requests Projects Releases Wiki Activity

usercond 04

Browse Source
This commit is contained in:
lowrussia 2021-12-18 13:38:23 +01:00
parent e33a67e228
commit d1d3932d09
16 changed files with 539 additions and 280 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

366
index.html
View File

@ -21,69 +21,74 @@
<div class="linkmore">
<a href="https://vvvvvvaria.org/logs/zamopuzo" target="_blank">back ↗ stage </a>
<br>
<a href="https://stream.vvvvvvaria.org/about.html"> about ↯ over ↻ </a>
</div>
<div id="side" class="sidebar sidemin">
<button class="minimize" onclick="fside()">⇆</button>
<button class="minimize" onclick="fside()">⇆</button>
<div class="sidetop">
<!-- ADD A FUTURE EVENT HERE -->
<!-- once the event is over remember to move to the sidebottom section -->
<!-- if no event is left please add this placeholder: <p>more TBA soon! <a href="https://varia.zone/en" target="_blank" > &#128064; </a> <br> meer TBA binnenkort! -->
<!-- <p>more TBA soon! <a href="https://varia.zone/en" target="_blank" > &#128064; </a> <br> meer TBA binnenkort! </p> -->
<!-- <p>17 December '21, 10:00-13:00: <a href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/" target="_blank" >Radio Activity ↝ a Wireless Orchestra ↜ </a></p> -->
</div>
<div class="middle">
<p>⇈ Will be awesome ⇈ <br> ⇈ Zal geweldig zijn ⇈</p>
<p id="livetitle">LIVE ↝ N↻W ⇶ </p>
<p id="livesubtitle"><a href="http://varia.zone/en/usercond04.html" target="_blank">The User Condition #04 - "Losing Your Data is Good for You" - with Dave Young </a></p>
<p>⇊ Was amazing ↷ geweldig ⇊</p>
<p> <a href="archive.html">Archive ↩</a></p>
</div>
<div class="sidebottom">
<div class="sidetop">
<!-- ADD A FUTURE EVENT HERE -->
<!-- once the event is over remember to move to the sidebottom section -->
<!-- if no event is left please add this placeholder: <p>more TBA soon! <a href="https://varia.zone/en" target="_blank" > &#128064; </a> <br> meer TBA binnenkort! -->
<p>17 December '21': <a href="http://varia.zone/en/double-launch-si16-and-vernaculars-come-to-matter.html" target="_blank">Double publication launch: <em>Learning How to Walk While Catwalking</em> and <em>Vernaculars come to matter</em></a></p>
<!-- <p>more TBA soon! <a href="https://varia.zone/en" target="_blank" > &#128064; </a> <br> meer TBA binnenkort! </p> -->
<p>Friday/vrijdag 17 Dec 19:00-20:30: <a href="http://varia.zone/en/double-launch-si16-and-vernaculars-come-to-matter.html" target="_blank">Double publication launch: <em>Learning How to Walk While Catwalking</em> and <em>Vernaculars come to matter</em></a></p>
<!-- <p>17 December '21, 10:00-13:00: <a href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/" target="_blank" >Radio Activity ↝ a Wireless Orchestra ↜ </a></p> -->
</div>
<div class="middle">
<p>⇈ Will be awesome ⇈ <br> ⇈ Zal geweldig zijn ⇈</p>
<p id="livetitle">LIVE ↝ N↻W ⇶ </p>
<p id="livesubtitle"><a href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/" target="_blank" >Radio Activity ↝ a Wireless Orchestra ↜ </a></p>
<p>⇊ Was amazing ↷ geweldig ⇊</p>
<p> <a href="archive.html">Archive ↩</a></p>
</div>
<div class="sidebottom">
<p>5 December '21: <a href="http://varia.zone/en/cc-nlcl-tales.html" target="_blank" >Ch◦re◦graphing C◦ding ↝ tales from real-time collaborative audio-visual coding ↜ </a></p>
<p>29-30 November'21: <a href="https://radioee.net/" target="_blank" > Mirroring the 24hr radio marathon ROOTS </a></p>
<p>29 July'21: <a href="https://vvvvvvaria.org/usercond03.html" target="_blank" >The User Condition #03 - met Anaëlle Beignon </a></p>
<p>24 July'21: <a href="https://vvvvvvaria.org/fhm-2.html" target="_blank" >Feminist Hack Meetings #2 - Polyphonic Radio Ensemble</a></p>
<p>12 July'21: <a href="" target="_blank" >Waste/d voices and infrastructures</a></p>
<p>12-14 June'21: <a href="https://vvvvvvaria.org/archive/2021-05-20-Sonic-Liberation-Front" target="_blank" >Mirroring Radio Alhara: Sonic Liberation Front</a></p>
<p>11 June'21: <a href="" target="_blank" >Ecstatic Speech</a></p>
<p>19-23 May'21: <a href="https://vvvvvvaria.org/archive/2021-05-20-Sonic-Liberation-Front" target="_blank" >Mirroring Radio Alhara: Sonic Liberation Front</a></p>
<p>17 May'21: <a href="https://vvvvvvaria.org/usercond02.html" target="_blank" >The User Condition #02 - Met Brendan Howell </a></p>
<p>28 March'21: <a href="https://varia.zone/en/rr-sense-full-1.html" target="_blank" >Read & Repair</a></p>
<p>23 March'21: <a href="http://varia.zone/en/usercond01.html" target="_blank" >User Condition S01E01</a></p>
<p>13 March'21: <a href="https://varia.zone/en/fhm-servers-migrations.html" target="_blank" >FHM #1 Feminist Hack Meetings: Feminist Servers</a></p>
<p>28 February'21: <a href="https://varia.zone/en/rr-wireless-imagination-2.html" target="_blank" >Read & Repair: Wireless Imagination</a></p>
<p>27 June'20: <a href="https://varia.zone/en/corporeal-whispers.html" target="_blank" >RE#SISTER: Corporeal Whispers</a></p>
<p>19 June'20: <a href="https://varia.zone/en/Groeten_Charlois.html" target="_blank" >Niek Hilkmann - Groeten uit Charlois</a></p>
<p>18 April'20: <a href="https://varia.zone/en/we-hope-this-email.html" target="_blank">We hope this email finds you well</a></p>
<p>14 March'20:<a href="https://varia.zone/en/radio-on-radio.html" target="_blank">Radio on the Radio</a></p>
</div>
</div>
<p>5 December '21: <a href="http://varia.zone/en/cc-nlcl-tales.html" target="_blank">Ch◦re◦graphing C◦ding ↝ tales from real-time collaborative audio-visual coding ↜ </a></p>
<p>29-30 November'21: <a href="https://radioee.net/" target="_blank"> Mirroring the 24hr radio marathon ROOTS </a></p>
<p>29 July'21: <a href="https://vvvvvvaria.org/usercond03.html" target="_blank">The User Condition #03 - met Anaëlle Beignon </a></p>
<p>24 July'21: <a href="https://vvvvvvaria.org/fhm-2.html" target="_blank">Feminist Hack Meetings #2 - Polyphonic Radio Ensemble</a></p>
<p>12 July'21: <a href="" target="_blank">Waste/d voices and infrastructures</a></p>
<p>12-14 June'21: <a href="https://vvvvvvaria.org/archive/2021-05-20-Sonic-Liberation-Front" target="_blank">Mirroring Radio Alhara: Sonic Liberation Front</a></p>
<p>11 June'21: <a href="" target="_blank">Ecstatic Speech</a></p>
<p>19-23 May'21: <a href="https://vvvvvvaria.org/archive/2021-05-20-Sonic-Liberation-Front" target="_blank">Mirroring Radio Alhara: Sonic Liberation Front</a></p>
<p>17 May'21: <a href="https://vvvvvvaria.org/usercond02.html" target="_blank">The User Condition #02 - Met Brendan Howell </a></p>
<p>28 March'21: <a href="https://varia.zone/en/rr-sense-full-1.html" target="_blank">Read &amp; Repair</a></p>
<p>23 March'21: <a href="http://varia.zone/en/usercond01.html" target="_blank">User Condition S01E01</a></p>
<p>13 March'21: <a href="https://varia.zone/en/fhm-servers-migrations.html" target="_blank">FHM #1 Feminist Hack Meetings: Feminist Servers</a></p>
<p>28 February'21: <a href="https://varia.zone/en/rr-wireless-imagination-2.html" target="_blank">Read &amp; Repair: Wireless Imagination</a></p>
<p>27 June'20: <a href="https://varia.zone/en/corporeal-whispers.html" target="_blank">RE#SISTER: Corporeal Whispers</a></p>
<p>19 June'20: <a href="https://varia.zone/en/Groeten_Charlois.html" target="_blank">Niek Hilkmann - Groeten uit Charlois</a></p>
<p>18 April'20: <a href="https://varia.zone/en/we-hope-this-email.html" target="_blank">We hope this email finds you well</a></p>
<p>14 March'20:<a href="https://varia.zone/en/radio-on-radio.html" target="_blank">Radio on the Radio</a></p>
</div>
</div>
<div class="live live-flex">
@ -92,43 +97,46 @@
<div class="b_allmedia">
<!-- audio streaming or files -->
<button onclick="hideshowAudio()" class="" id="bhide_au">LISTENING <br> LUISTEREN</button>
<!-- etherpad-->
<!-- <button onclick="hideshowPad()" class="bhide_chat_off" id="bhide_ether">WRITING <br> SCHRIJVEN</button> -->
<!-- jitsi or alike -->
<!-- <button onclick="hideshowJitsi()" class="bhide_chat_off" id="bhide_jit">CALLING <br> BELLEN</button> -->
<button onclick="hideshowAudio()" class="bhide_chat_off" id="bhide_au">LISTENING <br> LUISTEREN</button>
<!-- PDFs-->
<!-- <button onclick="hideshowEssay()" class="bhide_chat_off" id="bhide_ess">READING <br> LEZING</button> -->
<!-- video streaming or files -->
<!-- <button onclick="hideshowVideo()" class="bhide_chat_off" id="bhide_vid">WATCHING <br> KIJKEND</button> -->
<button onclick="hideshowEssay()" class="bhide_chat_off" id="bhide_ess">READING <br> LEZING</button>
<!-- chat -->
<button onclick="hideshowChat()" class="" id="bhide_chat">CHATTING <br> CHATTEN</button>
<!-- image single -->
<button onclick="hideshowIMG()" class="" id="bhide_img">IMAGE <br> BEELD</button>
<button onclick="hideshowChat()" class="bhide_chat_off" id="bhide_chat">CHATTING <br> CHATTEN</button>
<!-- image multiple -->
<button onclick="hideshowGal()" class="" id="bhide_gal">GALLERY <br> GALERIJ</button>
<button onclick="hideshowGal()" class="bhide_chat_off" id="bhide_gal">GALLERY <br> GALERIJ</button>
</div>
<!-- MEDIA CONTENT -->
<!-- ESSAY -->
<!-- PLACEHOLDER link: https://etherdump.vvvvvvaria.org/publish/digital-solidarity-networks.raw.html -->
<div class="halfscreen" id="showEssay">
<iframe src="https://www.furtherfield.org/know-your-filesystem-and-how-it-affects-you/"></iframe><br> ↬
<a class="windowlinks" href="https://www.furtherfield.org/know-your-filesystem-and-how-it-affects-you/" target="_blank"> Know Your Filesystem (and how it affects you) ↬ direct link to text</a>
</div>
<!-- MARQUEE PLACEHOLDER — CHANGE THE TEXT -->
<!-- if online: -->
<marquee scrolldelay="92">♪ . *⁽⁽ ◝꒰´꒳`∗꒱◟ ₎₎₊· * ON AIR ♪ ♬ ヾclick on the buttons on the right side to display the different modalities ﾉ ♬ ♪ ON AIR ♫♪.ılılıll|̲̅̅●̲̅̅|̲̅̅=̲̅̅|̲̅̅●̲̅̅|llılılı.♫♪</marquee>
<!-- CHAT -->
<!-- PLACEHOLDER link: https://chat.vvvvvvaria.org/ -->
<div class="chat halfscreen" id="showChat">
<iframe src="https://chat.vvvvvvaria.org/"></iframe><br> ↬
<a class="windowlinks" href="https://chat.vvvvvvaria.org/" target="_blank"> direct link to chat! </a>
</div>
<!-- if offline: -->
<!-- <marquee scrolldelay="92"> ♬ ¨ * • WELCOME TO THE VARIA NARROWCAST • ♬ °¸. there is currently no event happening, please check our agenda @ varia.zone</marquee> -->
<!-- IMAGE -->
<!-- PLACEHOLDER link: https://varia.zone/images/de_varia.jpg -->
<figure class="halfscreen hide" id="showImg">
<img src="https://vvvvvvaria.org/images/FHM2_poster.jpg">
<br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/images/FHM2_poster.jpg" alt=""> caption: 'Varia' ↬ link to .jpg</a>
</figure>
<!-- AUDIO -->
<!-- AUDIO -->
<!-- PLACEHOLDER link: https://vvvvvvaria.org/logs/zamopuzo/audio/varia_broadcasts_jingle1.mp3
previous audio cast: https://stream.w-i-t-m.net/meander -->
<div class="audio-stream fullscreen" id="showAudio">
<audio id="player" preload="none" src="https://voice.vvvvvvaria.org/narrowcast"> </audio>
<div class="audio-stream fullscreen" id="showAudio">
<audio id="player" preload="none" src="https://stream.w-i-t-m.net/meander"> </audio>
<p>
Press play (best listened in FireFox). It might take a minute to load.</p>
<div class="audio-buttons">
@ -140,90 +148,12 @@
<button class="stream-button b-narrow vol" onclick="document.getElementById('player').volume += 0.1">Vol +</button>
<button class="stream-button b-narrow vol" onclick="document.getElementById('player').volume -= 0.1">Vol -</button>
</div>
<span class="audio-link"> ↬ <a class="windowlinks" href="https://voice.vvvvvvaria.org/narrowcast" target="_blank"> direct link to audio! </a></span>
<span class="audio-link"> ↬ <a class="windowlinks" href="https://stream.w-i-t-m.net/meander" target="_blank"> direct link to audio! </a></span>
</div>
<!-- ETHERPAD -->
<!-- PLACEHOLDER link: https://pad.vvvvvvaria.org/varia.broadcast.intro
PLACEHOLDER desc: Varia Narrowcast Intro-->
<div class="halfscreen hide" id="showEther">
<iframe src="https://pad.vvvvvvaria.org/varia.broadcast.intro"></iframe><br> ↝
<a class="windowlinks" href="https://pad.vvvvvvaria.org/varia.broadcast.intro" target="_blank"> Varia Narrowcast Intro ↝ direct to pad </a>
</div>
<!-- JITSI -->
<!-- PLACEHOLDER link: https://meet.jit.si/varia.broadcats -->
<div class="halfscreen hide" id="showJit">
<iframe src="https://meet.jit.si/varia.broadcats" width="640" height="480" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen>
</iframe>
<br> ↬
<a class="windowlinks" href="" target="_blank"> direct link to ↬ Jitsi</a>
</div>
<!-- Jitsi for use -->
<!-- PLACEHOLDER link: https://meet.jit.si/varia.example -->
<!-- <div class="fullscreen" id="showJit">
<iframe src="https://meet.jit.si/varia.example" allow="camera; microphone" width="640" height="800" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen>
</iframe>
<br> ↬
<a class="windowlinks" href="https://meet.jit.si/varia.example" target="_blank"> direct link to ↬ Jitsi</a>
</div> -->
<!-- ESSAY -->
<!-- PLACEHOLDER link: https://etherdump.vvvvvvaria.org/publish/digital-solidarity-networks.raw.html -->
<div class="halfscreen hide" id="showEssay">
<iframe src="https://etherdump.vvvvvvaria.org/publish/digital-solidarity-networks.raw.html"></iframe><br> ↬
<a class="windowlinks" href="https://etherdump.vvvvvvaria.org/publish/digital-solidarity-networks.raw.html" target="_blank"> ↬ direct link to text</a>
</div>
<!-- here is an example if you would like to add an iframe -->
<!-- <iframe class="halfscreen hide" id="showEssay" src="https://loading.vvvvvvaria.org" width="600" height="680" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen>
</iframe> -->
<!-- IMAGE -->
<!-- PLACEHOLDER link: https://varia.zone/images/de_varia.jpg -->
<figure class="halfscreen" id="showImg">
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/schedule-%20radioactivity.jpg">
<br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/schedule-%20radioactivity.jpg" alt=""> caption:'Schedule' ↬ link to .jpg</a>
</figure>
<!-- VIDEO -->
<!-- PLACEHOLDER link: https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/tv-varia.mp4 -->
<div class="fullscreen hide" id="showVideo">
<video
id="player"
class="video-js vjs-default-skin"
controls
preload="none"
>
<source
src="https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/tv-varia.mp4"
type="video/mp4"
/>
</video>
<br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/tv-varia.mp4" target="_blank"> ↬ direct link to video </a>
</div>
<!-- CHAT -->
<!-- PLACEHOLDER link: https://chat.vvvvvvaria.org/ -->
<div class="chat halfscreen" id="showChat">
<iframe src="https://chat.vvvvvvaria.org/"></iframe><br> ↬
<a class="windowlinks" href="https://chat.vvvvvvaria.org/" target="_blank"> direct link to chat! </a>
</div>
<!-- IMAGE GALLERY -->
<!-- IMAGE GALLERY -->
<!-- PLACEHOLDER links:
https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/a_safe_image.php.jpeg
https://vvvvvvaria.org/archive/varia-server/7e920c7f_Screenshot%20from%202020-03-21%2019-07-20.png
@ -234,116 +164,62 @@
<p class="img-gallery-title"> ⇩ IMAGE ⇊ GALLERY ⇘ IMAGE ⇊ GALERIJ ⇩ </p>
<!-- <figure>
<img src="https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/a_safe_image.php.jpeg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/a_safe_image.php.jpeg" target="_blank" alt="">caption: 'Read & Repair — Wireless Imagination' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/varia-server/7e920c7f_Screenshot%20from%202020-03-21%2019-07-20.png"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/varia-server/7e920c7f_Screenshot%20from%202020-03-21%2019-07-20.png" target="_blank" alt=""> caption: 'Varia pixels' ↬ link to .png</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/varia-server/varia-home-red.png"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/varia-server/varia-home-red.png" target="_blank" alt=""> caption: 'Welcome to Varia home server' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/varia-server/welcome.png"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/varia-server/welcome.png" target="_blank" alt=""> caption: 'Varia Welcome again!' ↬ link to .jpg</a>
</figure> -->
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/wireless-orchestra.png"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/wireless-orchestra.png" target="_blank" alt="">'Wireless Orchestra' ↬ link to .jpg</a>
<img src="kyf/copyme.gif"><br> ↬
<a class="windowlinks" href="kyf/copyme.gif" target="_blank" alt=""> link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/1_Schreeuwen_Bouwen_Klussen_paul.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/1_Schreeuwen_Bouwen_Klussen_paul.jpg" target="_blank" alt="">'Schreeuwen, Bouwen, Klussen' ↬ link to .jpg</a>
<img src="kyf/ecdl.jpg"><br> ↬
<a class="windowlinks" href="kyf/ecdl.jpg" target="_blank" alt=""> link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/2_carla_maria_menas.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/2_carla_maria_menas.jpg" target="_blank" alt="">'carla maria menas' ↬ link to .jpg</a>
<img src="kyf/Evolution_of_the_document_icon_shape.jpg"><br> ↬
<a class="windowlinks" href="kyf/Evolution_of_the_document_icon_shape.jpg" target="_blank" alt=""> link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/3_asmr_sound_painting_chris_zimon.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/3_asmr_sound_painting_chris_zimon.jpg" target="_blank" alt="">'ASMR Sound Painting' ↬ link to .jpg</a>
<img src="kyf/hackerz.gif"><br> ↬
<a class="windowlinks" href="kyf/hackerz.gif" target="_blank" alt=""> link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/4_sci-fi_weirdoo_stas.gif"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/4_sci-fi_weirdoo_stas.gif" target="_blank" alt="">'SCI-FI Weirdoo' ↬ link to .jpg</a>
<img src="kyf/idealwork.jpg"><br> ↬
<a class="windowlinks" href="kyf/idealwork.jpg" target="_blank" alt=""> link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/5_CLICKBAIT%20NEWS_hannah.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/5_CLICKBAIT%20NEWS_hannah.jpg" target="_blank" alt="">'CLICKBAIT NEWS' ↬ link to .jpg</a>
<img src="kyf/magical.jpg"><br> ↬
<a class="windowlinks" href="kyf/magical.jpg" target="_blank" alt=""> link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/6_shockerdam_LOUI.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/6_shockerdam_LOUI.jpg" target="_blank" alt="">'SHOCKERDAM!!!' ↬ link to .jpg</a>
<img src="kyf/metaphor.png"><br> ↬
<a class="windowlinks" href="kyf/metaphor.png" target="_blank" alt=""> link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/7_skateboarding_asmr_raquel.png"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/7_skateboarding_asmr_raquel.png" target="_blank" alt="">'Skateboarding ASMR' ↬ link to .jpg</a>
<img src="kyf/metazuck.jpg"><br> ↬
<a class="windowlinks" href="kyf/metazuck.jpg" target="_blank" alt=""> link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/8_positive_affirmations_viviane.png"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/8_positive_affirmations_viviane.png" target="_blank" alt="">'Positive Affirmations' ↬ link to .jpg</a>
<img src="kyf/needlecards.jpg"><br> ↬
<a class="windowlinks" href="kyf/needlecards.jpg" target="_blank" alt=""> link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/9_untitled_Martina.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/9_untitled_Martina.jpg" target="_blank" alt="">'marti na gon zal e(é)z' ↬ link to .jpg</a>
<img src="kyf/Robertson-Filing-Cabinet-2.jpg"><br> ↬
<a class="windowlinks" href="kyf/Robertson-Filing-Cabinet-2.jpg" target="_blank" alt=""> link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/10_Liberation%20route%20europe_phillip.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/10_Liberation%20route%20europe_phillip.jpg" target="_blank" alt="">'Liberation Route Europe' ↬ link to .jpg</a>
<img src="kyf/skeuomorphism.png"><br> ↬
<a class="windowlinks" href="kyf/skeuomorphism.png" target="_blank" alt=""> link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/11_Untitled_daria.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/11_Untitled_daria.jpg" target="_blank" alt="">'untitled Daria' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/12_a%20relaxing%20bath_cari.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/12_a%20relaxing%20bath_cari.jpg" target="_blank" alt="">'A relaxing bath' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/13_untitled_soof.jpeg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/13_untitled_soof.jpeg" target="_blank" alt="">'untitled Soof' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/14_Hidden%20Notes%20Poster%20Katy.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/14_Hidden%20Notes%20Poster%20Katy.jpg" target="_blank" alt="">'Hidden Messages' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/15_fucc%20the%20binary_emir.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/15_fucc%20the%20binary_emir.jpg" target="_blank" alt="">'fucc the binary' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/16_soap_sounds_aalula.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/16_soap_sounds_aalula.jpg" target="_blank" alt="">'Soap Sounds' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/17_Aishah_Convo%20with%20Gimaine%20copy.jpg.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/17_Aishah_Convo%20with%20Gimaine%20copy.jpg.jpg" target="_blank" alt="">'031221-141221: A Convo with Gimaine ' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/18_lea_slaap_lekker.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/18_lea_slaap_lekker.jpg" target="_blank" alt="">'Slaap Lekker' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/19_Hayen%20_Verena_home_a_bowl.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/19_Hayen%20_Verena_home_a_bowl.jpg" target="_blank" alt="">'Home, a bowl where our soul dwells' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/20_Siberius_francis.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/20_Siberius_francis.jpg" target="_blank" alt="">'Meow by Siberius ' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/22_eshree_jayda_negro%20spirituals.png"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/22_eshree_jayda_negro%20spirituals.png" target="_blank" alt="">'Negro Spirituals' ↬ link to .jpg</a>
</figure>
</div>
<a href="https://dvyng.com/" id="dave" target="_blank">
<img src="https://post.lurk.org/system/accounts/avatars/000/006/762/original/fc8339a39e5596e0.gif" alt="Dave Young">
</a>
<!-- NEW NOTE -->
<!-- <p class="note"> <u>Note</u>: this interface is in experimental phase ☆ﾟ.*･｡ﾟ and some things may not work always smoothly * <u>Nota</u>: deze interface is in experimentele fase ☆ﾟ.*･｡ﾟ en sommige dingen kunnen niet altijd soepel werken *</p> -->
<a href="https://silviolorusso.com" id="silvio" target="_blank">
<img src="https://www.che-fare.com/che-fare-media/2015/07/Schermata-2015-07-10-alle-14.48.04-1.jpg" alt="Silvio Lorusso">
</a>
<p class="note"> <u>Note</u>: this interface is in experimental phase ☆ﾟ.*･｡ﾟ and some things may not work always smoothly * <u>Nota</u>: deze interface is in experimentele fase ☆ﾟ.*･｡ﾟ en sommige dingen kunnen niet altijd soepel werken *</p>
<!-- <p class="note"> <u>Note</u>: this interface is in experimental phase ☆ﾟ.*･｡ﾟ and some things may not work always smoothly. There is the option to open the direct url of each element in a new window.</p> -->
@ -351,6 +227,8 @@
<script type="text/javascript" src="narrowscripts.js"></script>

BIN
kyf/Evolution_of_the_document_icon_shape.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 962 KiB

BIN
kyf/Robertson-Filing-Cabinet-2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 350 KiB

BIN
kyf/copyme.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
kyf/ecdl.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 401 KiB

BIN
kyf/hackerz.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 MiB

BIN
kyf/idealwork.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 181 KiB

BIN
kyf/magical.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 59 KiB

BIN
kyf/metaphor.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 631 KiB

BIN
kyf/metazuck.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 167 KiB

BIN
kyf/needlecards.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
kyf/skeuomorphism.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 566 KiB

16
narrowstyle-extra.css
View File

@ -5,17 +5,15 @@ on index.html and put all back to 'placeholder mode' dank je! */
/* Silvio's User Condition #03 */
/*
#showEssay {
width: 50%;
width: 54.5%;
}
#showChat {
width: 34.5%;
}
#anaelle, #silvio {
#dave, #silvio {
width: 80px;
height: auto;
position: fixed;
@ -23,11 +21,15 @@ on index.html and put all back to 'placeholder mode' dank je! */
right: 80px;
}
#anaelle {
#dave {
bottom: 230px;
}
#anaelle > img, #silvio > img {
#dave > img, #silvio > img {
border-radius: 50px;
box-shadow: 0.3rem 0.2rem 0.3rem #ffe4fd;
} */
}
.b_allmedia {
top: 150px;
}

358
old-events/vernaculars-launch/index.html Normal file
View File

@ -0,0 +1,358 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>NARROWCAST</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- <link href="https://vjs.zencdn.net/7.10.2/video-js.css" rel="stylesheet" /> -->
<!-- OUR STYLES -->
<link rel="stylesheet" type="text/css" media="all" href="narrowstyle.css"></link>
<link rel="stylesheet" type="text/css" media="all" href="narrowstyle-extra.css"></link>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet" type='text/css'>
<!-- OUR SCRIPTS -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="narrowscripts.js"></script>
<script type="text/javascript" src="narrowskin.js"></script>
</head>
<body>
<div class="linkmore">
<a href="https://stream.vvvvvvaria.org/about.html"> about ↯ over ↻ </a>
</div>
<div id="side" class="sidebar sidemin">
<button class="minimize" onclick="fside()">⇆</button>
<div class="sidetop">
<!-- ADD A FUTURE EVENT HERE -->
<!-- once the event is over remember to move to the sidebottom section -->
<!-- if no event is left please add this placeholder: <p>more TBA soon! <a href="https://varia.zone/en" target="_blank" > &#128064; </a> <br> meer TBA binnenkort! -->
<!-- <p>more TBA soon! <a href="https://varia.zone/en" target="_blank" > &#128064; </a> <br> meer TBA binnenkort! </p> -->
<p>Friday/vrijdag 17 Dec 19:00-20:30: <a href="http://varia.zone/en/double-launch-si16-and-vernaculars-come-to-matter.html" target="_blank">Double publication launch: <em>Learning How to Walk While Catwalking</em> and <em>Vernaculars come to matter</em></a></p>
<!-- <p>17 December '21, 10:00-13:00: <a href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/" target="_blank" >Radio Activity ↝ a Wireless Orchestra ↜ </a></p> -->
</div>
<div class="middle">
<p>⇈ Will be awesome ⇈ <br> ⇈ Zal geweldig zijn ⇈</p>
<p id="livetitle">LIVE ↝ N↻W ⇶ </p>
<p id="livesubtitle"><a href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/" target="_blank" >Radio Activity ↝ a Wireless Orchestra ↜ </a></p>
<p>⇊ Was amazing ↷ geweldig ⇊</p>
<p> <a href="archive.html">Archive ↩</a></p>
</div>
<div class="sidebottom">
<p>5 December '21: <a href="http://varia.zone/en/cc-nlcl-tales.html" target="_blank" >Ch◦re◦graphing C◦ding ↝ tales from real-time collaborative audio-visual coding ↜ </a></p>
<p>29-30 November'21: <a href="https://radioee.net/" target="_blank" > Mirroring the 24hr radio marathon ROOTS </a></p>
<p>29 July'21: <a href="https://vvvvvvaria.org/usercond03.html" target="_blank" >The User Condition #03 - met Anaëlle Beignon </a></p>
<p>24 July'21: <a href="https://vvvvvvaria.org/fhm-2.html" target="_blank" >Feminist Hack Meetings #2 - Polyphonic Radio Ensemble</a></p>
<p>12 July'21: <a href="" target="_blank" >Waste/d voices and infrastructures</a></p>
<p>12-14 June'21: <a href="https://vvvvvvaria.org/archive/2021-05-20-Sonic-Liberation-Front" target="_blank" >Mirroring Radio Alhara: Sonic Liberation Front</a></p>
<p>11 June'21: <a href="" target="_blank" >Ecstatic Speech</a></p>
<p>19-23 May'21: <a href="https://vvvvvvaria.org/archive/2021-05-20-Sonic-Liberation-Front" target="_blank" >Mirroring Radio Alhara: Sonic Liberation Front</a></p>
<p>17 May'21: <a href="https://vvvvvvaria.org/usercond02.html" target="_blank" >The User Condition #02 - Met Brendan Howell </a></p>
<p>28 March'21: <a href="https://varia.zone/en/rr-sense-full-1.html" target="_blank" >Read & Repair</a></p>
<p>23 March'21: <a href="http://varia.zone/en/usercond01.html" target="_blank" >User Condition S01E01</a></p>
<p>13 March'21: <a href="https://varia.zone/en/fhm-servers-migrations.html" target="_blank" >FHM #1 Feminist Hack Meetings: Feminist Servers</a></p>
<p>28 February'21: <a href="https://varia.zone/en/rr-wireless-imagination-2.html" target="_blank" >Read & Repair: Wireless Imagination</a></p>
<p>27 June'20: <a href="https://varia.zone/en/corporeal-whispers.html" target="_blank" >RE#SISTER: Corporeal Whispers</a></p>
<p>19 June'20: <a href="https://varia.zone/en/Groeten_Charlois.html" target="_blank" >Niek Hilkmann - Groeten uit Charlois</a></p>
<p>18 April'20: <a href="https://varia.zone/en/we-hope-this-email.html" target="_blank">We hope this email finds you well</a></p>
<p>14 March'20:<a href="https://varia.zone/en/radio-on-radio.html" target="_blank">Radio on the Radio</a></p>
</div>
</div>
<div class="live live-flex">
<!-- BUTTONS HIDE SHOW MEDIA -->
<div class="b_allmedia">
<!-- audio streaming or files -->
<button onclick="hideshowAudio()" class="" id="bhide_au">LISTENING <br> LUISTEREN</button>
<!-- etherpad-->
<!-- <button onclick="hideshowPad()" class="bhide_chat_off" id="bhide_ether">WRITING <br> SCHRIJVEN</button> -->
<!-- jitsi or alike -->
<!-- <button onclick="hideshowJitsi()" class="bhide_chat_off" id="bhide_jit">CALLING <br> BELLEN</button> -->
<!-- PDFs-->
<!-- <button onclick="hideshowEssay()" class="bhide_chat_off" id="bhide_ess">READING <br> LEZING</button> -->
<!-- video streaming or files -->
<!-- <button onclick="hideshowVideo()" class="bhide_chat_off" id="bhide_vid">WATCHING <br> KIJKEND</button> -->
<!-- chat -->
<button onclick="hideshowChat()" class="" id="bhide_chat">CHATTING <br> CHATTEN</button>
<!-- image single -->
<button onclick="hideshowIMG()" class="" id="bhide_img">IMAGE <br> BEELD</button>
<!-- image multiple -->
<button onclick="hideshowGal()" class="" id="bhide_gal">GALLERY <br> GALERIJ</button>
</div>
<!-- MEDIA CONTENT -->
<!-- MARQUEE PLACEHOLDER — CHANGE THE TEXT -->
<!-- if online: -->
<marquee scrolldelay="92">♪ . *⁽⁽ ◝꒰´꒳`∗꒱◟ ₎₎₊· * ON AIR ♪ ♬ ヾclick on the buttons on the right side to display the different modalities ﾉ ♬ ♪ ON AIR ♫♪.ılılıll|̲̅̅●̲̅̅|̲̅̅=̲̅̅|̲̅̅●̲̅̅|llılılı.♫♪</marquee>
<!-- if offline: -->
<!-- <marquee scrolldelay="92"> ♬ ¨ * • WELCOME TO THE VARIA NARROWCAST • ♬ °¸. there is currently no event happening, please check our agenda @ varia.zone</marquee> -->
<!-- AUDIO -->
<!-- PLACEHOLDER link: https://vvvvvvaria.org/logs/zamopuzo/audio/varia_broadcasts_jingle1.mp3
previous audio cast: https://stream.w-i-t-m.net/meander -->
<div class="audio-stream fullscreen" id="showAudio">
<audio id="player" preload="none" src="https://voice.vvvvvvaria.org/narrowcast"> </audio>
<p>
Press play (best listened in FireFox). It might take a minute to load.</p>
<div class="audio-buttons">
<button id="bp" class="stream-button b-narrow" onclick="document.getElementById('player').play(); bplaytoggle()">Play</button>
<button id="bs" class="stream-button b-narrow" onclick="document.getElementById('player').pause();document.getElementById('player').src=document.getElementById('player').src; bstoptoggle()">Stop</button>
<button class="stream-button b-narrow vol" onclick="document.getElementById('player').volume += 0.1">Vol +</button>
<button class="stream-button b-narrow vol" onclick="document.getElementById('player').volume -= 0.1">Vol -</button>
</div>
<span class="audio-link"> ↬ <a class="windowlinks" href="https://voice.vvvvvvaria.org/narrowcast" target="_blank"> direct link to audio! </a></span>
</div>
<!-- ETHERPAD -->
<!-- PLACEHOLDER link: https://pad.vvvvvvaria.org/varia.broadcast.intro
PLACEHOLDER desc: Varia Narrowcast Intro-->
<div class="halfscreen hide" id="showEther">
<iframe src="https://pad.vvvvvvaria.org/varia.broadcast.intro"></iframe><br> ↝
<a class="windowlinks" href="https://pad.vvvvvvaria.org/varia.broadcast.intro" target="_blank"> Varia Narrowcast Intro ↝ direct to pad </a>
</div>
<!-- JITSI -->
<!-- PLACEHOLDER link: https://meet.jit.si/varia.broadcats -->
<div class="halfscreen hide" id="showJit">
<iframe src="https://meet.jit.si/varia.broadcats" width="640" height="480" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen>
</iframe>
<br> ↬
<a class="windowlinks" href="" target="_blank"> direct link to ↬ Jitsi</a>
</div>
<!-- Jitsi for use -->
<!-- PLACEHOLDER link: https://meet.jit.si/varia.example -->
<!-- <div class="fullscreen" id="showJit">
<iframe src="https://meet.jit.si/varia.example" allow="camera; microphone" width="640" height="800" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen>
</iframe>
<br> ↬
<a class="windowlinks" href="https://meet.jit.si/varia.example" target="_blank"> direct link to ↬ Jitsi</a>
</div> -->
<!-- ESSAY -->
<!-- PLACEHOLDER link: https://etherdump.vvvvvvaria.org/publish/digital-solidarity-networks.raw.html -->
<div class="halfscreen hide" id="showEssay">
<iframe src="https://etherdump.vvvvvvaria.org/publish/digital-solidarity-networks.raw.html"></iframe><br> ↬
<a class="windowlinks" href="https://etherdump.vvvvvvaria.org/publish/digital-solidarity-networks.raw.html" target="_blank"> ↬ direct link to text</a>
</div>
<!-- here is an example if you would like to add an iframe -->
<!-- <iframe class="halfscreen hide" id="showEssay" src="https://loading.vvvvvvaria.org" width="600" height="680" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen>
</iframe> -->
<!-- IMAGE -->
<!-- PLACEHOLDER link: https://varia.zone/images/de_varia.jpg -->
<figure class="halfscreen" id="showImg">
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/schedule-%20radioactivity.jpg">
<br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/schedule-%20radioactivity.jpg" alt=""> caption:'Schedule' ↬ link to .jpg</a>
</figure>
<!-- VIDEO -->
<!-- PLACEHOLDER link: https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/tv-varia.mp4 -->
<div class="fullscreen hide" id="showVideo">
<video
id="player"
class="video-js vjs-default-skin"
controls
preload="none"
>
<source
src="https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/tv-varia.mp4"
type="video/mp4"
/>
</video>
<br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/tv-varia.mp4" target="_blank"> ↬ direct link to video </a>
</div>
<!-- CHAT -->
<!-- PLACEHOLDER link: https://chat.vvvvvvaria.org/ -->
<div class="chat halfscreen" id="showChat">
<iframe src="https://chat.vvvvvvaria.org/"></iframe><br> ↬
<a class="windowlinks" href="https://chat.vvvvvvaria.org/" target="_blank"> direct link to chat! </a>
</div>
<!-- IMAGE GALLERY -->
<!-- PLACEHOLDER links:
https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/a_safe_image.php.jpeg
https://vvvvvvaria.org/archive/varia-server/7e920c7f_Screenshot%20from%202020-03-21%2019-07-20.png
https://vvvvvvaria.org/archive/varia-server/varia-home-red.png
https://vvvvvvaria.org/archive/varia-server/welcome.png -->
<div class="img-gallery" id="showGal">
<p class="img-gallery-title"> ⇩ IMAGE ⇊ GALLERY ⇘ IMAGE ⇊ GALERIJ ⇩ </p>
<!-- <figure>
<img src="https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/a_safe_image.php.jpeg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/a_safe_image.php.jpeg" target="_blank" alt="">caption: 'Read & Repair — Wireless Imagination' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/varia-server/7e920c7f_Screenshot%20from%202020-03-21%2019-07-20.png"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/varia-server/7e920c7f_Screenshot%20from%202020-03-21%2019-07-20.png" target="_blank" alt=""> caption: 'Varia pixels' ↬ link to .png</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/varia-server/varia-home-red.png"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/varia-server/varia-home-red.png" target="_blank" alt=""> caption: 'Welcome to Varia home server' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/varia-server/welcome.png"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/varia-server/welcome.png" target="_blank" alt=""> caption: 'Varia Welcome again!' ↬ link to .jpg</a>
</figure> -->
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/wireless-orchestra.png"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/wireless-orchestra.png" target="_blank" alt="">'Wireless Orchestra' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/1_Schreeuwen_Bouwen_Klussen_paul.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/1_Schreeuwen_Bouwen_Klussen_paul.jpg" target="_blank" alt="">'Schreeuwen, Bouwen, Klussen' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/2_carla_maria_menas.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/2_carla_maria_menas.jpg" target="_blank" alt="">'carla maria menas' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/3_asmr_sound_painting_chris_zimon.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/3_asmr_sound_painting_chris_zimon.jpg" target="_blank" alt="">'ASMR Sound Painting' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/4_sci-fi_weirdoo_stas.gif"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/4_sci-fi_weirdoo_stas.gif" target="_blank" alt="">'SCI-FI Weirdoo' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/5_CLICKBAIT%20NEWS_hannah.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/5_CLICKBAIT%20NEWS_hannah.jpg" target="_blank" alt="">'CLICKBAIT NEWS' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/6_shockerdam_LOUI.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/6_shockerdam_LOUI.jpg" target="_blank" alt="">'SHOCKERDAM!!!' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/7_skateboarding_asmr_raquel.png"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/7_skateboarding_asmr_raquel.png" target="_blank" alt="">'Skateboarding ASMR' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/8_positive_affirmations_viviane.png"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/8_positive_affirmations_viviane.png" target="_blank" alt="">'Positive Affirmations' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/9_untitled_Martina.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/9_untitled_Martina.jpg" target="_blank" alt="">'marti na gon zal e(é)z' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/10_Liberation%20route%20europe_phillip.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/10_Liberation%20route%20europe_phillip.jpg" target="_blank" alt="">'Liberation Route Europe' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/11_Untitled_daria.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/11_Untitled_daria.jpg" target="_blank" alt="">'untitled Daria' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/12_a%20relaxing%20bath_cari.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/12_a%20relaxing%20bath_cari.jpg" target="_blank" alt="">'A relaxing bath' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/13_untitled_soof.jpeg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/13_untitled_soof.jpeg" target="_blank" alt="">'untitled Soof' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/14_Hidden%20Notes%20Poster%20Katy.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/14_Hidden%20Notes%20Poster%20Katy.jpg" target="_blank" alt="">'Hidden Messages' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/15_fucc%20the%20binary_emir.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/15_fucc%20the%20binary_emir.jpg" target="_blank" alt="">'fucc the binary' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/16_soap_sounds_aalula.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/16_soap_sounds_aalula.jpg" target="_blank" alt="">'Soap Sounds' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/17_Aishah_Convo%20with%20Gimaine%20copy.jpg.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/17_Aishah_Convo%20with%20Gimaine%20copy.jpg.jpg" target="_blank" alt="">'031221-141221: A Convo with Gimaine ' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/18_lea_slaap_lekker.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/18_lea_slaap_lekker.jpg" target="_blank" alt="">'Slaap Lekker' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/19_Hayen%20_Verena_home_a_bowl.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/19_Hayen%20_Verena_home_a_bowl.jpg" target="_blank" alt="">'Home, a bowl where our soul dwells' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/20_Siberius_francis.jpg"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/20_Siberius_francis.jpg" target="_blank" alt="">'Meow by Siberius ' ↬ link to .jpg</a>
</figure>
<figure>
<img src="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/22_eshree_jayda_negro%20spirituals.png"><br> ↬
<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/22_eshree_jayda_negro%20spirituals.png" target="_blank" alt="">'Negro Spirituals' ↬ link to .jpg</a>
</figure>
</div>
<!-- NEW NOTE -->
<!-- <p class="note"> <u>Note</u>: this interface is in experimental phase ☆ﾟ.*･｡ﾟ and some things may not work always smoothly * <u>Nota</u>: deze interface is in experimentele fase ☆ﾟ.*･｡ﾟ en sommige dingen kunnen niet altijd soepel werken *</p> -->
<!-- <p class="note"> <u>Note</u>: this interface is in experimental phase ☆ﾟ.*･｡ﾟ and some things may not work always smoothly. There is the option to open the direct url of each element in a new window.</p> -->
</div>
<script type="text/javascript" src="narrowscripts.js"></script>
</body>
</html>

33
old-events/vernaculars-launch/narrowstyle-extra.css Normal file
View File

@ -0,0 +1,33 @@
/* ADD HERE YOUR OWN S*T*Y*L*E */
/* 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: 50%;
}
#showChat {
width: 34.5%;
}
#anaelle, #silvio {
width: 80px;
height: auto;
position: fixed;
bottom: 100px;
right: 80px;
}
#anaelle {
bottom: 230px;
}
#anaelle > img, #silvio > img {
border-radius: 50px;
box-shadow: 0.3rem 0.2rem 0.3rem #ffe4fd;
} */

46
vernaculars.html
View File

@ -139,10 +139,7 @@
<button class="stream-button b-narrow vol" onclick="document.getElementById('player').volume += 0.1">Vol +</button>
<button class="stream-button b-narrow vol" onclick="document.getElementById('player').volume -= 0.1">Vol -</button>
</div>
<div style="margin:1em 0;"></div>
<a class="windowlinks" href="https://voice.vvvvvvaria.org/vernaculars" target="_blank">direct link to audio</a><br>
<a class="windowlinks" href="#livecaptions">click here for live captions</a>
<div style="margin:1em 0;"></div>
<span class="audio-link"><a class="windowlinks" href="https://voice.vvvvvvaria.org/vernaculars" target="_blank">direct link to audio</a></span>
</div>
@ -181,16 +178,15 @@
<img src="https://vltk.vvvvvvaria.org/images/0/06/Vernaculars-come-to-matter-cover.jpg">
<br>
<em>Vernacular come to matter</em>, cover<br>
<a class="windowlinks" href="https://vltk.vvvvvvaria.org/images/0/06/Vernaculars-come-to-matter-cover.jpg" alt="">direct link to the image</a>
<a class="windowlinks" href="https://vltk.vvvvvvaria.org/images/0/06/Vernaculars-come-to-matter-cover.jpg" alt="">link to the image</a>
</figure>
<!-- ESSAY -->
<!-- PLACEHOLDER link: https://etherdump.vvvvvvaria.org/publish/digital-solidarity-networks.raw.html -->
<div class="" style="width: 64%; height: 800px; margin:1%;" id="showEssay">
<iframe src="https://vltk.vvvvvvaria.org/w/Vernaculars_come_to_matter,_(re)orienting_language_and_technology" style="width: 100%;height: 80vh;border-radius: 0.2rem;"></iframe><br>
Digital (wiki) version of <em>Vernaculars come to matter</em><br>
<a class="windowlinks" href="https://vltk.vvvvvvaria.org/w/Vernaculars_come_to_matter,_(re)orienting_language_and_technology" target="_blank">direct link to the wiki</a>
</div>
<div class="" style="width: 64%; height: 80vh; margin:1%;" id="showEssay">
<iframe src="https://varia.zone/etp/" style="width: 100%;height: 80vh;border-radius: 0.2rem;"></iframe><br>
<a class="windowlinks" href="https://varia.zone/etp/" target="_blank">direct link to the everyday-technology-press website</a>
</div>
<!-- VIDEO -->
<!-- PLACEHOLDER link: https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/tv-varia.mp4 -->
@ -214,8 +210,7 @@
<!-- PLACEHOLDER link: https://chat.vvvvvvaria.org/ -->
<div class="chat fullscreen" id="showChat">
<iframe src="https://chat.vvvvvvaria.org/"></iframe><br>
cosy launch chatroom<br>
<a class="windowlinks" href="https://chat.vvvvvvaria.org/" target="_blank">direct link to the webchat</a> or connect to <a class="windowlinks" href="xmpp://narrowcast@muc.vvvvvvaria.org?join">narrowcast@muc.vvvvvvvaria.org</a> using a XMPP client
<a class="windowlinks" href="https://chat.vvvvvvaria.org/" target="_blank">direct link to chat! </a>
</div>
<!-- IMAGE GALLERY -->
@ -230,35 +225,28 @@
<p class="img-gallery-title">IMAGE GALERY / BEELDGALLERIJ</p>
<figure>
<img src="https://dennisdebel.nl/webdev/etp/items/vctm-front-small.jpg"><br>
<a class="windowlinks" href="https://dennisdebel.nl/webdev/etp/items/vctm-front-small.jpg" target="_blank" alt="">direct link to the image</a>
<img src="https://vltk.vvvvvvaria.org/images/0/06/Vernaculars-come-to-matter-cover.jpg"><br>
<a class="windowlinks" href="https://vltk.vvvvvvaria.org/images/0/06/Vernaculars-come-to-matter-cover.jpg" target="_blank" alt="">direct link to image</a>
</figure>
<figure>
<img src="https://dennisdebel.nl/webdev/etp/items/vctm-back-small.jpg"><br>
<a class="windowlinks" href="https://dennisdebel.nl/webdev/etp/items/vctm-back-small.jpg" target="_blank" alt="">direct link to the image</a>
<img src="https://vltk.vvvvvvaria.org/images/0/06/Vernaculars-come-to-matter-cover.jpg"><br>
<a class="windowlinks" href="https://vltk.vvvvvvaria.org/images/0/06/Vernaculars-come-to-matter-cover.jpg" target="_blank" alt="">direct link to image</a>
</figure>
<figure>
<img src="https://dennisdebel.nl/webdev/etp/items/vctm-inside1-small.jpg"><br>
<a class="windowlinks" href="https://dennisdebel.nl/webdev/etp/items/vctm-inside1-small.jpg" target="_blank" alt="">direct link to the image</a>
<img src="https://vltk.vvvvvvaria.org/images/0/06/Vernaculars-come-to-matter-cover.jpg"><br>
<a class="windowlinks" href="https://vltk.vvvvvvaria.org/images/0/06/Vernaculars-come-to-matter-cover.jpg" target="_blank" alt="">direct link to image</a>
</figure>
<figure>
<img src="https://dennisdebel.nl/webdev/etp/items/vctm-inside2-small.jpg"><br>
<a class="windowlinks" href="https://dennisdebel.nl/webdev/etp/items/vctm-inside2-small.jpg" target="_blank" alt="">direct link to the image</a>
<img src="https://vltk.vvvvvvaria.org/images/0/06/Vernaculars-come-to-matter-cover.jpg"><br>
<a class="windowlinks" href="https://vltk.vvvvvvaria.org/images/0/06/Vernaculars-come-to-matter-cover.jpg" target="_blank" alt="">direct link to image</a>
</figure>
</div>
<!-- ESSAY -->
<!-- PLACEHOLDER link: https://etherdump.vvvvvvaria.org/publish/digital-solidarity-networks.raw.html -->
<div class="fullscreen" id="showEssay">
<iframe src="https://varia.zone/etp/vernaculars_come_to_matter" style="height:80vh!important; background-color:white;"></iframe><br>
everyday-technology-press (etp) website<br>
<a class="windowlinks" href="https://varia.zone/etp/vernaculars_come_to_matter" target="_blank">direct link to the etp website</a>
</div>
<div class="fullscreen" id="livecaptions">
<iframe src="https://pad.vvvvvvaria.org/vernaculars-come-to-matter?showControls=false&showChat=false&showLineNumbers=false&alwaysShowChat=false&noColors=true" style="height:80vh!important;"></iframe><br>
Live captions of the radio stream<br>
<a class="windowlinks" href="https://pad.vvvvvvaria.org/vernaculars-come-to-matter" target="_blank">direct link to the live captions pad</a>
<iframe src="https://vltk.vvvvvvaria.org/w/Vernaculars_come_to_matter,_(re)orienting_language_and_technology" style="height:80vh!important;"></iframe><br>
<a class="windowlinks" href="https://vltk.vvvvvvaria.org/w/Vernaculars_come_to_matter,_(re)orienting_language_and_technology" target="_blank">direct link to the digital version of <em>Vernaculars come to matter</em></a>
</div>
<!-- here is an example if you would like to add an iframe -->