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

cleaning narrowcast

master
lowrussia 3 years ago
parent
dd6ae2922e
commit
bd076784e8
1 changed files with 140 additions and 119 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 259
      index.html

259
index.html
View File

@ -18,76 +18,70 @@
</head> </head>
<body> <body>
<div class="linkmore"> <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> <a href="https://stream.vvvvvvaria.org/about.html"> about ↯ over ↻ </a>
</div> </div>
<div id="side" class="sidebar sidemin"> <div id="side" class="sidebar sidemin">
<button class="minimize" onclick="fside()">⇆</button> <button class="minimize" onclick="fside()">⇆</button>
<div class="sidetop"> <div class="sidetop">
<!-- ADD A FUTURE EVENT HERE --> <!-- ADD A FUTURE EVENT HERE -->
<!-- once the event is over remember to move to the sidebottom section --> <!-- 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! --> <!-- 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>more TBA soon! <a href="https://varia.zone/en" target="_blank" > &#128064; </a> <br> meer TBA binnenkort! </p> -->
<p>Friday/vrijdag 17 December 2021 19:00-20:30 (CET): <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>
</div>
</div>
<div class="middle">
<p>⇈ Will be awesome ⇈ <br> ⇈ Zal geweldig zijn ⇈</p> <div class="middle">
<p id="livetitle">LIVE ↝ N↻W ⇶ </p> <p>⇈ Will be awesome ⇈ <br> ⇈ Zal geweldig zijn ⇈</p>
<!-- ADD A CURRENT LIVE EVENT HERE --> <p id="livetitle">LIVE ↝ N↻W ⇶ </p>
<p id="livesubtitle"><a href="" target="_blank"></a></p> <p id="livesubtitle"></p>
<p>⇊ Was amazing ↷ geweldig ⇊</p> <p>⇊ Was amazing ↷ geweldig ⇊</p>
<p> <a href="archive.html">Archive ↩</a></p> <p> <a href="archive.html">Archive ↩</a></p>
</div> </div>
<div class="sidebottom"> <div class="sidebottom">
<p>18 December '21': <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>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>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>29-30 November'21: <a href="https://radioee.net/" target="_blank" > Mirroring the 24hr radio marathon ROOTS </a></p>
<p>17 December '21: <a href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/" target="_blank" >Radio Activity ↝ a Wireless Orchestra ↜ </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>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>24 July'21: <a href="https://vvvvvvaria.org/fhm-2.html" target="_blank" >Feminist Hack Meetings #2 - Polyphonic Radio Ensemble</a></p>
<p>29-30 November'21: <a href="https://radioee.net/" target="_blank"> Mirroring the 24hr radio marathon ROOTS </a></p> <p>12 July'21: <a href="" target="_blank" >Waste/d voices and infrastructures</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>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>24 July'21: <a href="https://vvvvvvaria.org/fhm-2.html" target="_blank">Feminist Hack Meetings #2 - Polyphonic Radio Ensemble</a></p> <p>11 June'21: <a href="" target="_blank" >Ecstatic Speech</a></p>
<p>12 July'21: <a href="" target="_blank">Waste/d voices and infrastructures</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>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>17 May'21: <a href="https://vvvvvvaria.org/usercond02.html" target="_blank" >The User Condition #02 - Met Brendan Howell </a></p>
<p>11 June'21: <a href="" target="_blank">Ecstatic Speech</a></p> <p>28 March'21: <a href="https://varia.zone/en/rr-sense-full-1.html" target="_blank" >Read & Repair</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>23 March'21: <a href="http://varia.zone/en/usercond01.html" target="_blank" >User Condition S01E01</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>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 March'21: <a href="https://varia.zone/en/rr-sense-full-1.html" target="_blank">Read &amp; Repair</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>23 March'21: <a href="http://varia.zone/en/usercond01.html" target="_blank">User Condition S01E01</a></p> <p>27 June'20: <a href="https://varia.zone/en/corporeal-whispers.html" target="_blank" >RE#SISTER: Corporeal Whispers</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>19 June'20: <a href="https://varia.zone/en/Groeten_Charlois.html" target="_blank" >Niek Hilkmann - Groeten uit Charlois</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>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>27 June'20: <a href="https://varia.zone/en/corporeal-whispers.html" target="_blank">RE#SISTER: Corporeal Whispers</a></p> <p>14 March'20:<a href="https://varia.zone/en/radio-on-radio.html" target="_blank">Radio on the Radio</a></p>
<p>19 June'20: <a href="https://varia.zone/en/Groeten_Charlois.html" target="_blank">Niek Hilkmann - Groeten uit Charlois</a></p> </div>
</div>
<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"> <div class="live live-flex">
@ -97,18 +91,18 @@
<div class="b_allmedia"> <div class="b_allmedia">
<!-- audio streaming or files --> <!-- audio streaming or files -->
<button onclick="hideshowAudio()" class="bhide_chat_off" id="bhide_au">LISTENING <br> LUISTEREN</button> <button onclick="hideshowAudio()" class="bhide_chat_off" id="bhide_au">LISTENING <br> LUISTEREN</button>
<!-- image single -->
<button onclick="hideshowIMG()" class="bhide_chat_off" id="bhide_img">IMAGE <br> BEELD</button>
<!-- etherpad--> <!-- etherpad-->
<button onclick="hideshowPad()" class="bhide_chat_off" id="bhide_ether">WRITING <br> SCHRIJVEN</button> <!-- <button onclick="hideshowPad()" class="bhide_chat_off" id="bhide_ether">WRITING <br> SCHRIJVEN</button> -->
<!-- jitsi or alike --> <!-- jitsi or alike -->
<button onclick="hideshowJitsi()" class="bhide_chat_off" id="bhide_jit">CALLING <br> BELLEN</button> <!-- <button onclick="hideshowJitsi()" class="bhide_chat_off" id="bhide_jit">CALLING <br> BELLEN</button> -->
<!-- PDFs--> <!-- PDFs-->
<button onclick="hideshowEssay()" class="bhide_chat_off" id="bhide_ess">READING <br> LEZING</button> <button onclick="hideshowEssay()" class="bhide_chat_off" id="bhide_ess">READING <br> LEZING</button>
<!-- video streaming or files --> <!-- video streaming or files -->
<button onclick="hideshowVideo()" class="bhide_chat_off" id="bhide_vid">WATCHING <br> KIJKEND</button> <!-- <button onclick="hideshowVideo()" class="bhide_chat_off" id="bhide_vid">WATCHING <br> KIJKEND</button> -->
<!-- chat --> <!-- chat -->
<button onclick="hideshowChat()" class="bhide_chat_off" id="bhide_chat">CHATTING <br> CHATTEN</button> <button onclick="hideshowChat()" class="bhide_chat_off" id="bhide_chat">CHATTING <br> CHATTEN</button>
<!-- image single -->
<button onclick="hideshowIMG()" class="" id="bhide_img">IMAGE <br> BEELD</button>
<!-- image multiple --> <!-- image multiple -->
<button onclick="hideshowGal()" class="bhide_chat_off" id="bhide_gal">GALLERY <br> GALERIJ</button> <button onclick="hideshowGal()" class="bhide_chat_off" id="bhide_gal">GALLERY <br> GALERIJ</button>
@ -126,14 +120,14 @@
<!-- if offline: --> <!-- if offline: -->
<!-- " ♬ ¨ * • WELCOME TO THE VARIA NARROWCAST • ♬ °¸. there is currently no event happening, please check our agenda @ varia.zone " --> <!-- " ♬ ¨ * • WELCOME TO THE VARIA NARROWCAST • ♬ °¸. there is currently no event happening, please check our agenda @ varia.zone " -->
<marquee scrolldelay="92">♬ ¨ * • WELCOME TO THE VARIA NARROWCAST • ♬ °¸.✧ there is currently no event being streamed, please check our agenda @ varia.zone for upcoming ones! </marquee> <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>
<!-- AUDIO --> <!-- AUDIO -->
<!-- PLACEHOLDER link: https://vvvvvvaria.org/logs/zamopuzo/audio/varia_broadcasts_jingle1.mp3 <!-- PLACEHOLDER link: https://vvvvvvaria.org/logs/zamopuzo/audio/varia_broadcasts_jingle1.mp3
previous audio cast: https://stream.w-i-t-m.net/meander --> previous audio cast: https://stream.w-i-t-m.net/meander -->
<div class="audio-stream fullscreen hide" id="showAudio"> <div class="audio-stream fullscreen" id="showAudio">
<audio id="player" preload="none" src="https://radio.alonetogether.pub/live"> </audio> <audio id="player" preload="none" src="https://voice.vvvvvvaria.org/vernaculars"> </audio>
<p> <p>
Press play (best listened in FireFox). It might take a minute to load.</p> Press play (best listened in FireFox). It might take a minute to load.</p>
<div class="audio-buttons"> <div class="audio-buttons">
@ -145,7 +139,10 @@
<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>
<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>
<span class="audio-link"> ↬ <a class="windowlinks" href="https://radio.alonetogether.pub/live" target="_blank"> direct link to audio! </a></span> <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>
</div> </div>
@ -153,20 +150,20 @@
<!-- ETHERPAD --> <!-- ETHERPAD -->
<!-- PLACEHOLDER link: https://pad.vvvvvvaria.org/varia.broadcast.intro <!-- PLACEHOLDER link: https://pad.vvvvvvaria.org/varia.broadcast.intro
PLACEHOLDER desc: Varia Narrowcast Intro--> PLACEHOLDER desc: Varia Narrowcast Intro-->
<div class="halfscreen hide" id="showEther"> <!-- <div class="halfscreen hide" id="showEther">
<iframe src="https://pad.vvvvvvaria.org/varia.broadcast.intro"></iframe><br> ↝ <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> <a class="windowlinks" href="https://pad.vvvvvvaria.org/varia.broadcast.intro" target="_blank"> Varia Narrowcast Intro ↝ direct to pad </a>
</div> </div> -->
<!-- JITSI --> <!-- JITSI -->
<!-- PLACEHOLDER link: https://meet.jit.si/varia.broadcats --> <!-- PLACEHOLDER link: https://meet.jit.si/varia.broadcats -->
<div class="halfscreen hide" id="showJit"> <!-- <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 src="https://meet.jit.si/varia.broadcats" width="640" height="480" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen>
</iframe> </iframe>
<br> ↬ <br> ↬
<a class="windowlinks" href="" target="_blank"> direct link to ↬ Jitsi</a> <a class="windowlinks" href="" target="_blank"> direct link to ↬ Jitsi</a>
</div> </div> -->
<!-- Jitsi for use --> <!-- Jitsi for use -->
<!-- PLACEHOLDER link: https://meet.jit.si/varia.example --> <!-- PLACEHOLDER link: https://meet.jit.si/varia.example -->
@ -178,32 +175,26 @@
</div> --> </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 --> <!-- IMAGE -->
<!-- PLACEHOLDER link: https://varia.zone/images/de_varia.jpg --> <!-- PLACEHOLDER link: https://varia.zone/images/de_varia.jpg -->
<figure class="halfscreen" id="showImg"> <figure class="thirdscreen" id="showImg">
<img src="https://varia.zone/images/de_varia.jpg"> <img src="https://vltk.vvvvvvaria.org/images/0/06/Vernaculars-come-to-matter-cover.jpg">
<br> ↬ <br>
<a class="windowlinks" href="https://varia.zone/images/de_varia.jpg" alt=""> caption: ↬ link to .jpg</a> <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>
</figure> </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>
<!-- VIDEO --> <!-- VIDEO -->
<!-- PLACEHOLDER link: https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/tv-varia.mp4 --> <!-- PLACEHOLDER link: https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/tv-varia.mp4 -->
<div class="fullscreen hide" id="showVideo"> <!-- <div class="fullscreen hide" id="showVideo">
<video <video
id="player" id="player"
class="video-js vjs-default-skin" class="video-js vjs-default-skin"
@ -217,17 +208,16 @@
</video> </video>
<br> ↬ <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> <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> </div> -->
<!-- CHAT --> <!-- CHAT -->
<!-- PLACEHOLDER link: https://chat.vvvvvvaria.org/ --> <!-- PLACEHOLDER link: https://chat.vvvvvvaria.org/ -->
<div class="chat halfscreen hide" id="showChat"> <div class="chat fullscreen" id="showChat">
<iframe src="https://chat.vvvvvvaria.org/"></iframe><br> ↬ <iframe src="https://chat.vvvvvvaria.org/"></iframe><br>
<a class="windowlinks" href="https://chat.vvvvvvaria.org/" target="_blank"> direct link to chat! </a> 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
</div> </div>
<!-- IMAGE GALLERY --> <!-- IMAGE GALLERY -->
<!-- PLACEHOLDER links: <!-- PLACEHOLDER links:
https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/a_safe_image.php.jpeg https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/a_safe_image.php.jpeg
@ -235,37 +225,67 @@
https://vvvvvvaria.org/archive/varia-server/varia-home-red.png https://vvvvvvaria.org/archive/varia-server/varia-home-red.png
https://vvvvvvaria.org/archive/varia-server/welcome.png --> https://vvvvvvaria.org/archive/varia-server/welcome.png -->
<div class="img-gallery hide" id="showGal"> <div class="img-gallery" id="showGal">
<p class="img-gallery-title"> ⇩ IMAGE ⇊ GALLERY ⇘ IMAGE ⇊ GALERIJ ⇩ </p> <p class="img-gallery-title">IMAGE GALERY / BEELDGALLERIJ</p>
<figure> <figure>
<img src="https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/a_safe_image.php.jpeg"><br> ↬ <img src="https://dennisdebel.nl/webdev/etp/items/vctm-front-small.jpg"><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> <a class="windowlinks" href="https://dennisdebel.nl/webdev/etp/items/vctm-front-small.jpg" target="_blank" alt="">direct link to the 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>
</figure> </figure>
<figure> <figure>
<img src="https://vvvvvvaria.org/archive/varia-server/7e920c7f_Screenshot%20from%202020-03-21%2019-07-20.png"><br> ↬ <img src="https://dennisdebel.nl/webdev/etp/items/vctm-inside1-small.jpg"><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> <a class="windowlinks" href="https://dennisdebel.nl/webdev/etp/items/vctm-inside1-small.jpg" target="_blank" alt="">direct link to the 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>
</figure> </figure>
<figure> <figure>
<img src="https://vvvvvvaria.org/archive/varia-server/varia-home-red.png"><br> ↬ <img src="https://cloud.vvvvvvaria.org/s/PY9XjPcHB86E7q8/preview"><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> <a class="windowlinks" href="https://cloud.vvvvvvaria.org/s/PY9XjPcHB86E7q8/preview" target="_blank" alt="">direct link to the image</a>
</figure> </figure>
<figure> <figure>
<img src="https://vvvvvvaria.org/archive/varia-server/welcome.png"><br> ↬ <img src="https://cloud.vvvvvvaria.org/s/kAMrN3ZYFGcJoy5/preview"><br>
<a class="windowlinks" href="https://vvvvvvaria.org/archive/varia-server/welcome.png" target="_blank" alt=""> caption: 'Varia Welcome again!' ↬ link to .jpg</a> <a class="windowlinks" href="https://cloud.vvvvvvaria.org/s/kAMrN3ZYFGcJoy5/preview" target="_blank" alt="">direct link to the image</a>
</figure> </figure>
</div> </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>
</div>
<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> <div class="fullscreen" id="livecaptions">
<iframe src="ren.pdf" style="height:80vh!important;"></iframe><br>
<a class="windowlinks" href="ren.pdf" target="_blank">direct link to the PDF</a>
</div>
<!-- <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> --> <!-- 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> -->
</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>
@ -274,3 +294,4 @@
</body> </body>
</html> </html>

Write Preview
Loading…
Cancel
Save