cleaning the narrowcast after the 5y party, also fixed some HTML/CSS errors related to the buttons
This commit is contained in:
parent
851cb27d38
commit
e90cbf177e
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 MiB |
@ -32,9 +32,7 @@
|
||||
<!-- 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" > 👀 </a> <br> meer TBA binnenkort! -->
|
||||
|
||||
<!-- <p>more TBA soon! <a href="https://varia.zone/en" target="_blank" > 👀 </a> <br> meer TBA binnenkort! </p> -->
|
||||
|
||||
<p>more TBA soon! <a href="https://varia.zone/en" target="_blank" > 👀 </a> <br> meer binnenkort! </p>
|
||||
</div>
|
||||
|
||||
<div class="middle">
|
||||
@ -42,12 +40,18 @@
|
||||
<!-- <p id="livetitle">LIVE NOW ⇶ </p> -->
|
||||
<!-- <p><br>MONTH XX, XXXX<br>(time): <a href="XXX" target="_blank"><span id="livetitle">XXX</span></a><br><br></p> -->
|
||||
<!-- ADD A CURRENT LIVE EVENT HERE -->
|
||||
<!-- <p id="livetitle">LIVE NOW ⇶ </p> -->
|
||||
<p>⇊ Previous broadcasts<br>⇊ Vorige uitzendingen </p>
|
||||
<p> <a href="https://vvvvvvaria.org/archive/">Archive ↩</a></p>
|
||||
|
||||
<p><br>(<a href="https://vvvvvvaria.org/archive/">Archive/Archief</a>)</p>
|
||||
</div>
|
||||
|
||||
<div class="sidebottom">
|
||||
|
||||
<p><br>November 4th, 2022<br> 19:00 (CEST): <a href="https://vvvvvvaria.org/en/5y-varia.html" target="_blank"><span id="">5 year anniVARIAssary! </span></a></p>
|
||||
|
||||
<p>October 21st, 2022<br>20:00-21:00 (CEST): <a href="https://varia.zone/radio-activity.html" target="_blank"><span id="">Radio Activity - I smell Patchouli</span></a></p>
|
||||
|
||||
<p><br>October 5th, 2022<br>18:00-19:00 (CEST): <a href="https://varia.zone/en/publishing-partyline.html" target="_blank"><span id="">Publishing Partyline, Broadcast #3: web-to-print in education, with Julien Bidoret & Quentin Juhel</span></a><br><br></p>
|
||||
|
||||
<p>September 29th-30th, Sonic Liberation Front, Women Life Freedom<a href="https://cloud.disroot.org/apps/files_sharing/publicpreview/wFzqNR8yrHidif3?x=1080&y=1125&a=true&file=IMG_20220929_142643_959.jpg&scalingup=0" target="_blank"></a></p>
|
||||
@ -102,27 +106,28 @@
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="live live-flex">
|
||||
|
||||
<!-- BUTTONS HIDE SHOW MEDIA -->
|
||||
|
||||
<div class="b_allmedia">
|
||||
<!-- audio streaming or files -->
|
||||
<button onclick="hideshowAudio()" class="bhide_chat_off" id="bhide_au">LISTENING <br> LUISTEREN</button>
|
||||
<button onclick="hideshowAudio()" class="show_button" id="button_au">LISTENING <br> LUISTEREN</button>
|
||||
<!-- image multiple -->
|
||||
<button onclick="hideshowGal()" class="bhide_chat_off" id="bhide_gal">GALLERY <br> GALERIJ</button>
|
||||
<!-- chat -->
|
||||
<button onclick="hideshowChat()" class="bhide_chat_off" id="bhide_chat">CHATTING <br> CHATTEN</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>
|
||||
<button onclick="hideshowGal()" class="show_button" id="button_gal">GALLERY <br> GALERIJ</button>
|
||||
<!-- video streaming or files -->
|
||||
<button onclick="hideshowVideo()" class="bhide_chat_off" id="bhide_vid">WATCHING <br> KIJKEND</button>
|
||||
<button onclick="hideshowVideo()" class="show_button" id="button_vid">WATCHING <br> KIJKEN</button>
|
||||
<!-- chat -->
|
||||
<button onclick="hideshowChat()" class="show_button" id="button_chat">CHATTING <br> CHATTEN</button>
|
||||
<!-- image single -->
|
||||
<button onclick="hideshowIMG()" class="bhide_chat_off" id="bhide_img">IMAGE <br> BEELD</button>
|
||||
<button onclick="hideshowIMG()" class="show_button" id="button_img">IMAGE <br> BEELD</button>
|
||||
<!-- etherpad-->
|
||||
<button onclick="hideshowPad()" class="" id="button_ether">WRITING <br> SCHRIJVEN</button>
|
||||
<!-- jitsi or alike -->
|
||||
<button onclick="hideshowJitsi()" class="" id="button_jit">CALLING <br> BELLEN</button>
|
||||
<!-- PDFs-->
|
||||
<button onclick="hideshowEssay()" class="" id="button_ess">READING <br> LEZING</button>
|
||||
|
||||
</div>
|
||||
|
||||
@ -135,10 +140,7 @@
|
||||
<!-- " ♪ . *⁽⁽ ◝꒰´꒳`∗꒱◟ ₎₎₊· * ON AIR ♪ ♬ ヾclick on the buttons on the right side to display the different modalities ﾉ ♬ ♪ ON AIR ♫♪.ılılıll|̲̅̅●̲̅̅|̲̅̅=̲̅̅|̲̅̅●̲̅̅|llılılı.♫♪ " -->
|
||||
|
||||
<!-- if offline: -->
|
||||
<!-- " ♬ ¨ * • 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 happening, please check our agenda @ varia.zone "</marquee> -->
|
||||
|
||||
<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 -->
|
||||
@ -148,7 +150,9 @@
|
||||
Your browser does not support the audio element. Try the direct link to the audio below!
|
||||
</audio>
|
||||
<p>
|
||||
Press play to tune in! It might take a few seconds to load.</p>
|
||||
Press play to tune in! It might take a few seconds to load...<br>
|
||||
Druk op "play" om te luisteren! Het kan een paar seconden duren voordat je iets hoort...
|
||||
</p>
|
||||
<div class="audio-buttons">
|
||||
<button id="audioButton" class="stream-button b-narrow" onclick="Play()">Play</button>
|
||||
<script>
|
||||
@ -203,19 +207,46 @@
|
||||
|
||||
</div>
|
||||
|
||||
<!-- VIDEO -->
|
||||
<!-- PLACEHOLDER link: https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/tv-varia.mp4 -->
|
||||
<div class="halfscreen" id="showVideo">
|
||||
<video
|
||||
id="player"
|
||||
class="video-js vjs-default-skin"
|
||||
controls
|
||||
preload="none"
|
||||
poster="video-poster.png"
|
||||
>
|
||||
<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 this video</a>)
|
||||
</div>
|
||||
|
||||
<!-- CHAT -->
|
||||
<!-- PLACEHOLDER link: https://chat.vvvvvvaria.org/ -->
|
||||
<div class="fullscreen chat" id="">
|
||||
<div class="fullscreen" id="showChat">
|
||||
<iframe src="https://chat.vvvvvvaria.org/"></iframe><br>
|
||||
Chat room
|
||||
(<a class="windowlinks" href="https://chat.vvvvvvaria.org/" target="_blank">direct link this chat</a>)
|
||||
</div>
|
||||
|
||||
<!-- IMAGE -->
|
||||
<!-- PLACEHOLDER link: https://varia.zone/images/de_varia.jpg -->
|
||||
<figure class="halfscreen" id="showImg">
|
||||
<img src="https://varia.zone/images/de_varia.jpg">
|
||||
<br>
|
||||
(<a class="windowlinks" href="https://varia.zone/images/de_varia.jpg" alt="">link to image</a>)
|
||||
</figure>
|
||||
|
||||
|
||||
<!-- ETHERPAD -->
|
||||
<!-- PLACEHOLDER link: https://pad.vvvvvvaria.org/varia.broadcast.intro
|
||||
PLACEHOLDER desc: Varia Narrowcast Intro-->
|
||||
<div class="fullscreen" id="showEther">
|
||||
<div class="fullscreen hide" id="showEther">
|
||||
<iframe src="https://pad.vvvvvvaria.org/varia.broadcast.intro"></iframe><br>
|
||||
Live transcriptions pad
|
||||
(<a class="windowlinks" href="https://pad.vvvvvvaria.org/varia.broadcast.intro" target="_blank">direct link to this pad</a>)
|
||||
@ -223,66 +254,27 @@
|
||||
|
||||
|
||||
<!-- 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">
|
||||
<div class="fullscreen hide" 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>
|
||||
<br>
|
||||
(<a class="windowlinks" href="https://meet.jit.si/varia.example" target="_blank">direct link to this Jitsi room</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>
|
||||
<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://varia.zone/images/de_varia.jpg">
|
||||
<br> ↬
|
||||
<a class="windowlinks" href="https://varia.zone/images/de_varia.jpg" alt=""> caption: ↬ 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>
|
||||
|
||||
<script type="text/javascript" src="narrowscripts.js"></script>
|
||||
<!-- <iframe class="halfscreen hide" id="showEssay" src="https://loading.vvvvvvaria.org" width="600" height="680" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen></iframe> -->
|
||||
|
||||
|
||||
</body>
|
||||
<script type="text/javascript" src="narrowscripts.js"></script>
|
||||
</html>
|
||||
|
||||
282
index.html
282
index.html
@ -32,9 +32,7 @@
|
||||
<!-- 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" > 👀 </a> <br> meer TBA binnenkort! -->
|
||||
|
||||
<!-- <p>more TBA soon! <a href="https://varia.zone/en" target="_blank" > 👀 </a> <br> meer TBA binnenkort! </p> -->
|
||||
|
||||
<p>more TBA soon! <a href="https://varia.zone/en" target="_blank" > 👀 </a> <br> meer binnenkort! </p>
|
||||
</div>
|
||||
|
||||
<div class="middle">
|
||||
@ -42,14 +40,16 @@
|
||||
<!-- <p id="livetitle">LIVE NOW ⇶ </p> -->
|
||||
<!-- <p><br>MONTH XX, XXXX<br>(time): <a href="XXX" target="_blank"><span id="livetitle">XXX</span></a><br><br></p> -->
|
||||
<!-- ADD A CURRENT LIVE EVENT HERE -->
|
||||
<p id="livetitle">LIVE NOW ⇶ </p>
|
||||
<p><br>November 4th, 2022<br> 19:00 (CEST): <a href="https://vvvvvvaria.org/en/5y-varia.html" target="_blank"><span id="livetitle">5 year anniVARIAssary! </span></a><br><br></p>
|
||||
<!-- <p id="livetitle">LIVE NOW ⇶ </p> -->
|
||||
<p>⇊ Previous broadcasts<br>⇊ Vorige uitzendingen </p>
|
||||
<p> <a href="https://vvvvvvaria.org/archive/">Archive ↩</a></p>
|
||||
|
||||
<p><br>(<a href="https://vvvvvvaria.org/archive/">Archive/Archief</a>)</p>
|
||||
</div>
|
||||
|
||||
<div class="sidebottom">
|
||||
|
||||
<p><br>November 4th, 2022<br> 19:00 (CEST): <a href="https://vvvvvvaria.org/en/5y-varia.html" target="_blank"><span id="">5 year anniVARIAssary! </span></a></p>
|
||||
|
||||
<p>October 21st, 2022<br>20:00-21:00 (CEST): <a href="https://varia.zone/radio-activity.html" target="_blank"><span id="">Radio Activity - I smell Patchouli</span></a></p>
|
||||
|
||||
<p><br>October 5th, 2022<br>18:00-19:00 (CEST): <a href="https://varia.zone/en/publishing-partyline.html" target="_blank"><span id="">Publishing Partyline, Broadcast #3: web-to-print in education, with Julien Bidoret & Quentin Juhel</span></a><br><br></p>
|
||||
@ -106,27 +106,28 @@
|
||||
</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>
|
||||
<button onclick="hideshowAudio()" class="show_button" id="button_au">LISTENING <br> LUISTEREN</button>
|
||||
<!-- image multiple -->
|
||||
<button onclick="hideshowGal()" class="" id="bhide_gal">GALLERY <br> GALERIJ</button>
|
||||
<!-- chat -->
|
||||
<button onclick="hideshowChat()" class="" id="bhide_chat">CHATTING <br> CHATTEN</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>
|
||||
<button onclick="hideshowGal()" class="show_button" id="button_gal">GALLERY <br> GALERIJ</button>
|
||||
<!-- video streaming or files -->
|
||||
<button onclick="hideshowVideo()" class="bhide_chat_off" id="bhide_vid">WATCHING <br> KIJKEND</button>
|
||||
<button onclick="hideshowVideo()" class="show_button" id="button_vid">WATCHING <br> KIJKEN</button>
|
||||
<!-- chat -->
|
||||
<button onclick="hideshowChat()" class="show_button" id="button_chat">CHATTING <br> CHATTEN</button>
|
||||
<!-- image single -->
|
||||
<button onclick="hideshowIMG()" class="" id="bhide_img">IMAGE <br> BEELD</button>
|
||||
<button onclick="hideshowIMG()" class="show_button" id="button_img">IMAGE <br> BEELD</button>
|
||||
<!-- etherpad-->
|
||||
<button onclick="hideshowPad()" class="" id="button_ether">WRITING <br> SCHRIJVEN</button>
|
||||
<!-- jitsi or alike -->
|
||||
<button onclick="hideshowJitsi()" class="" id="button_jit">CALLING <br> BELLEN</button>
|
||||
<!-- PDFs-->
|
||||
<button onclick="hideshowEssay()" class="" id="button_ess">READING <br> LEZING</button>
|
||||
|
||||
</div>
|
||||
|
||||
@ -139,20 +140,19 @@
|
||||
<!-- " ♪ . *⁽⁽ ◝꒰´꒳`∗꒱◟ ₎₎₊· * ON AIR ♪ ♬ ヾclick on the buttons on the right side to display the different modalities ﾉ ♬ ♪ ON AIR ♫♪.ılılıll|̲̅̅●̲̅̅|̲̅̅=̲̅̅|̲̅̅●̲̅̅|llılılı.♫♪ " -->
|
||||
|
||||
<!-- if offline: -->
|
||||
<!-- " ♬ ¨ * • 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 happening, please check our agenda @ varia.zone "</marquee> -->
|
||||
|
||||
<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 -->
|
||||
<div class="audio-stream fullscreen" id="showAudio">
|
||||
<audio id="player" preload="none">
|
||||
<source src="https://voice.vvvvvvaria.org/narrowcast" type="audio/mpeg">
|
||||
<source src="https://vvvvvvaria.org/logs/zamopuzo/audio/varia_broadcasts_jingle1.mp3 " type="audio/mpeg">
|
||||
Your browser does not support the audio element. Try the direct link to the audio below!
|
||||
</audio>
|
||||
<p>
|
||||
Press play to tune in! It might take a few seconds to load.</p>
|
||||
Press play to tune in! It might take a few seconds to load...<br>
|
||||
Druk op "play" om te luisteren! Het kan een paar seconden duren voordat je iets hoort...
|
||||
</p>
|
||||
<div class="audio-buttons">
|
||||
<button id="audioButton" class="stream-button b-narrow" onclick="Play()">Play</button>
|
||||
<script>
|
||||
@ -174,179 +174,79 @@
|
||||
<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://vvvvvvaria.org/logs/zamopuzo/audio/varia_broadcasts_jingle1.mp3" target="_blank">direct link to audio</a>)</span>
|
||||
</div>
|
||||
|
||||
<!-- CHAT -->
|
||||
<!-- PLACEHOLDER link: https://chat.vvvvvvaria.org/ -->
|
||||
<div class="halfscreen chat" id="">
|
||||
<iframe src="https://chat.vvvvvvaria.org/"></iframe><br>
|
||||
Chat room
|
||||
(<a class="windowlinks" href="https://chat.vvvvvvaria.org/" target="_blank">direct link this chat</a>)
|
||||
</div>
|
||||
|
||||
|
||||
<!-- IMAGE -->
|
||||
<!-- PLACEHOLDER link: https://varia.zone/images/de_varia.jpg -->
|
||||
<figure class="halfscreen" id="showImg">
|
||||
<img src="https://vvvvvvaria.org/images/varia_birthday_poster4_small_for_website.jpg">
|
||||
<br> ↬
|
||||
<a class="windowlinks" href="https://vvvvvvaria.org/images/varia_birthday_poster4_small_for_website.jpg" alt=""> caption: ↬ link to .jpg</a>
|
||||
</figure>
|
||||
|
||||
|
||||
|
||||
<!-- 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
|
||||
https://varia.zone/images/de_varia.jpg
|
||||
|
||||
|
||||
-->
|
||||
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 alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/y22fbtD7e5oj6pa?x=1854&y=483&a=true&file=2ba8bb88_WhatsApp%2520Image%25202021-07-19%2520at%252022.23.28.jpeg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/y22fbtD7e5oj6pa?x=1854&y=483&a=true&file=2ba8bb88_WhatsApp%2520Image%25202021-07-19%2520at%252022.23.28.jpeg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
<img alt="XXX" 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="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/JLKdLfWCjWRcQof?x=1854&y=483&a=true&file=varia-cake.jpeg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/JLKdLfWCjWRcQof?x=1854&y=483&a=true&file=varia-cake.jpeg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
<img alt="XXX" src="https://vvvvvvaria.org/archive/00-varia-server/7e920c7f_Screenshot%20from%202020-03-21%2019-07-20.png"><br>
|
||||
(<a class="windowlinks" href="https://vvvvvvaria.org/archive/00-varia-server/7e920c7f_Screenshot%20from%202020-03-21%2019-07-20.png" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/7fAQFXbsnW4pNCk?x=1854&y=483&a=true&file=a51b9f01_8c0fd11f_t8GolReeSYOkT-o_TpBpxA.jpg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/7fAQFXbsnW4pNCk?x=1854&y=483&a=true&file=a51b9f01_8c0fd11f_t8GolReeSYOkT-o_TpBpxA.jpg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
<img alt="XXX" src="https://vvvvvvaria.org/archive/00-varia-server/varia-home-red.png"><br>
|
||||
(<a class="windowlinks" href="https://vvvvvvaria.org/archive/00-varia-server/varia-home-red.png" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/JZwW3En4ogy3Gkm?x=1854&y=483&a=true&file=6bfee521_kQkxMYnVSl-QcZY9c292nA.jpg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/JZwW3En4ogy3Gkm?x=1854&y=483&a=true&file=6bfee521_kQkxMYnVSl-QcZY9c292nA.jpg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
<img alt="XXX" src="https://vvvvvvaria.org/archive/00-varia-server/welcome.png"><br>
|
||||
(<a class="windowlinks" href="https://vvvvvvaria.org/archive/00-varia-server/welcome.png" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/J8GzjHBie78R6Tx?x=1854&y=483&a=true&file=3d0cfff4_20220308_145038.jpg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/J8GzjHBie78R6Tx?x=1854&y=483&a=true&file=3d0cfff4_20220308_145038.jpg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/8cnFtmwotHD44Bw?x=1854&y=483&a=true&file=3d427b57_2BuZF_Y8SwSu_mwwX-Z7Bg.jpg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/8cnFtmwotHD44Bw?x=1854&y=483&a=true&file=3d427b57_2BuZF_Y8SwSu_mwwX-Z7Bg.jpg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/9B3AzBY3o6MYbYf?x=1854&y=483&a=true&file=2d748633_-Vk_xkgXT5az2Rdxrcrv2w.jpg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/9B3AzBY3o6MYbYf?x=1854&y=483&a=true&file=2d748633_-Vk_xkgXT5az2Rdxrcrv2w.jpg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/NWKLeBNpK6NiymT?x=1854&y=483&a=true&file=daf71d07-25b9-4e1b-bc00-a9b3d5b3b336.jpg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/NWKLeBNpK6NiymT?x=1854&y=483&a=true&file=daf71d07-25b9-4e1b-bc00-a9b3d5b3b336.jpg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/4QBJoCgQrBt4zCc?x=1854&y=483&a=true&file=d7dd0e88-2a90-44bc-82f5-a8d70699b66d.jpg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/4QBJoCgQrBt4zCc?x=1854&y=483&a=true&file=d7dd0e88-2a90-44bc-82f5-a8d70699b66d.jpg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/FpJ2x8ot6iiHM8G?x=1854&y=483&a=true&file=8c9ade04-df6f-4f5e-869d-1c87fe7faae7.jpg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/FpJ2x8ot6iiHM8G?x=1854&y=483&a=true&file=8c9ade04-df6f-4f5e-869d-1c87fe7faae7.jpg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/ZGoKBE3KHcji4HZ?x=1854&y=483&a=true&file=20210831_232413.jpg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/ZGoKBE3KHcji4HZ?x=1854&y=483&a=true&file=20210831_232413.jpg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/aAEzK5F7eEzNaoa?x=1854&y=483&a=true&file=04043fb8-fde3-482a-a93d-07bda6dd181f.jpg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/aAEzK5F7eEzNaoa?x=1854&y=483&a=true&file=04043fb8-fde3-482a-a93d-07bda6dd181f.jpg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/qxiiQidGM22EwWZ?x=1854&y=483&a=true&file=5dd51c9a-c433-424f-858e-83f30d96af36.jpg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/qxiiQidGM22EwWZ?x=1854&y=483&a=true&file=5dd51c9a-c433-424f-858e-83f30d96af36.jpg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/f4RWB7Kb2g6Gtf9?x=1854&y=483&a=true&file=b164abaa_VEhuEEQfRrmN2sPdAlE9Og.jpg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/f4RWB7Kb2g6Gtf9?x=1854&y=483&a=true&file=b164abaa_VEhuEEQfRrmN2sPdAlE9Og.jpg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/yjjNmpymjmyrLBk?x=1854&y=483&a=true&file=7a99f19d_TatmrYdeRCWjjri-m6jAKA.jpg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/yjjNmpymjmyrLBk?x=1854&y=483&a=true&file=7a99f19d_TatmrYdeRCWjjri-m6jAKA.jpg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/i3qog4gnxcdazQy?x=1854&y=483&a=true&file=549e1a4d_IMG_1698.jpg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/i3qog4gnxcdazQy?x=1854&y=483&a=true&file=549e1a4d_IMG_1698.jpg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://vvvvvvaria.org/archive/2020-20XX-Feminist-Hack-Meetings/FHM3_Screenshot%20from%202021-11-06%2014-41-08.png"><br>
|
||||
(<a class="windowlinks" href="https://vvvvvvaria.org/archive/2020-20XX-Feminist-Hack-Meetings/FHM3_Screenshot%20from%202021-11-06%2014-41-08.png" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/22RKenTnfxmnTCW?x=1854&y=483&a=true&file=*-7.jpg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/22RKenTnfxmnTCW?x=1854&y=483&a=true&file=*-7.jpg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/m8t7Q7Z7jQ8ccaE?x=1854&y=483&a=true&file=9k%253D(1).jpg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/m8t7Q7Z7jQ8ccaE?x=1854&y=483&a=true&file=9k%253D(1).jpg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/gm5SyaFqX6fZwQk?x=1854&y=483&a=true&file=abcc8080-4bcc-4372-953c-b5d155b6328d.jpg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/gm5SyaFqX6fZwQk?x=1854&y=483&a=true&file=abcc8080-4bcc-4372-953c-b5d155b6328d.jpg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://vvvvvvaria.org/logs/atnofs-varia/image/WQFDd5seRcqPrfWaa8tUbg.jpg"><br>
|
||||
(<a class="windowlinks" href="https://vvvvvvaria.org/logs/atnofs-varia/image/WQFDd5seRcqPrfWaa8tUbg.jpg" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://vvvvvvaria.org/logs/atnofs-varia/image/K_yAUHDUTfGV2uUgK7Lgkg.jpg"><br>
|
||||
(<a class="windowlinks" href="https://vvvvvvaria.org/logs/atnofs-varia/image/K_yAUHDUTfGV2uUgK7Lgkg.jpg" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/EBFMH7prDTxSLNW?x=1854&y=483&a=true&file=IMG_0068.jpg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/EBFMH7prDTxSLNW?x=1854&y=483&a=true&file=IMG_0068.jpg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/sTjDfxwAFeHPp5i?x=1854&y=483&a=true&file=IMG_0087.jpg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/sTjDfxwAFeHPp5i?x=1854&y=483&a=true&file=IMG_0087.jpg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/m3K4WkKm7Bojmo5?x=1854&y=483&a=true&file=IMG_0094.jpg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/m3K4WkKm7Bojmo5?x=1854&y=483&a=true&file=IMG_0094.jpg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/zX7TDk4FEFWqZzs?x=1854&y=483&a=true&file=2Q%253D%253D(2).jpg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/zX7TDk4FEFWqZzs?x=1854&y=483&a=true&file=2Q%253D%253D(2).jpg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://vvvvvvaria.org/~lain/mosquito_hunting/walks/IMG_4555.jpg"><br>
|
||||
(<a class="windowlinks" href="https://vvvvvvaria.org/~lain/mosquito_hunting/walks/IMG_4555.jpg" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/yt8AWmasYwAG2cP?x=1854&y=483&a=true&file=a5684370-4723-45a6-b5ae-a670eecd6886.jpg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/yt8AWmasYwAG2cP?x=1854&y=483&a=true&file=a5684370-4723-45a6-b5ae-a670eecd6886.jpg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
<figure>
|
||||
<img alt="XXX" src="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/zKLBXxjywnZiXDj?x=1854&y=483&a=true&file=f8a989da-6f50-430a-87e3-575d309ab6f4.jpg&scalingup=0"><br>
|
||||
(<a class="windowlinks" href="https://cloud.vvvvvvaria.org/apps/files_sharing/publicpreview/zKLBXxjywnZiXDj?x=1854&y=483&a=true&file=f8a989da-6f50-430a-87e3-575d309ab6f4.jpg&scalingup=0" target="_blank" alt="">link to image</a>)
|
||||
</figure>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<!-- VIDEO -->
|
||||
<!-- PLACEHOLDER link: https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/tv-varia.mp4 -->
|
||||
<div class="halfscreen" id="showVideo">
|
||||
<video
|
||||
id="player"
|
||||
class="video-js vjs-default-skin"
|
||||
controls
|
||||
preload="none"
|
||||
poster="video-poster.png"
|
||||
>
|
||||
<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 this video</a>)
|
||||
</div>
|
||||
|
||||
<!-- CHAT -->
|
||||
<!-- PLACEHOLDER link: https://chat.vvvvvvaria.org/ -->
|
||||
<div class="fullscreen" id="showChat">
|
||||
<iframe src="https://chat.vvvvvvaria.org/"></iframe><br>
|
||||
Chat room
|
||||
(<a class="windowlinks" href="https://chat.vvvvvvaria.org/" target="_blank">direct link this chat</a>)
|
||||
</div>
|
||||
|
||||
<!-- IMAGE -->
|
||||
<!-- PLACEHOLDER link: https://varia.zone/images/de_varia.jpg -->
|
||||
<figure class="halfscreen" id="showImg">
|
||||
<img src="https://varia.zone/images/de_varia.jpg">
|
||||
<br>
|
||||
(<a class="windowlinks" href="https://varia.zone/images/de_varia.jpg" alt="">link to image</a>)
|
||||
</figure>
|
||||
|
||||
|
||||
<!-- ETHERPAD -->
|
||||
<!-- PLACEHOLDER link: https://pad.vvvvvvaria.org/varia.broadcast.intro
|
||||
PLACEHOLDER desc: Varia Narrowcast Intro-->
|
||||
<div class="halfscreen hide" id="showEther">
|
||||
<div class="fullscreen hide" id="showEther">
|
||||
<iframe src="https://pad.vvvvvvaria.org/varia.broadcast.intro"></iframe><br>
|
||||
Live transcriptions pad
|
||||
(<a class="windowlinks" href="https://pad.vvvvvvaria.org/varia.broadcast.intro" target="_blank">direct link to this pad</a>)
|
||||
@ -354,57 +254,27 @@
|
||||
|
||||
|
||||
<!-- 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 hide" id="showJit">
|
||||
<div class="fullscreen hide" 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>-->
|
||||
|
||||
<br>
|
||||
(<a class="windowlinks" href="https://meet.jit.si/varia.example" target="_blank">direct link to this Jitsi room</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>
|
||||
<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> -->
|
||||
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<script type="text/javascript" src="narrowscripts.js"></script>
|
||||
<!-- <iframe class="halfscreen hide" id="showEssay" src="https://loading.vvvvvvaria.org" width="600" height="680" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen></iframe> -->
|
||||
|
||||
|
||||
</body>
|
||||
<script type="text/javascript" src="narrowscripts.js"></script>
|
||||
</html>
|
||||
|
||||
@ -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 = '<audio id="player" preload="none" src="http://w-i-t-m.net:8001/radiodrama"></audio><div><button onclick="document.getElementById(\'player\').play()">Play</button><button onclick="document.getElementById(\'player\').pause();document.getElementById(\'player\').src=document.getElementById(\'player\').src;">Stop</button><button onclick="document.getElementById(\'player\').volume += 0.1">Vol +</button><button onclick="document.getElementById(\'player\').volume -= 0.1">Vol -</button></div>';
|
||||
// var chat_title = document.getElementsByClassName("chatbox-title__text")[0];
|
||||
// var element = document.createElement("span");
|
||||
|
||||
chat_title.insertAdjacentElement('afterend', element);
|
||||
// element.innerHTML = '<audio id="player" preload="none" src="http://w-i-t-m.net:8001/radiodrama"></audio><div><button onclick="document.getElementById(\'player\').play()">Play</button><button onclick="document.getElementById(\'player\').pause();document.getElementById(\'player\').src=document.getElementById(\'player\').src;">Stop</button><button onclick="document.getElementById(\'player\').volume += 0.1">Vol +</button><button onclick="document.getElementById(\'player\').volume -= 0.1">Vol -</button></div>';
|
||||
|
||||
return;
|
||||
}
|
||||
else {
|
||||
setTimeout(function() {
|
||||
// chat_title.insertAdjacentElement('afterend', element);
|
||||
|
||||
waitForIt(selector, time);
|
||||
// return;
|
||||
// }
|
||||
// else {
|
||||
// setTimeout(function() {
|
||||
|
||||
}, time);
|
||||
}
|
||||
}
|
||||
// waitForIt(selector, time);
|
||||
|
||||
waitForIt(".toggle-smiley", 1000);
|
||||
})();
|
||||
// }, time);
|
||||
// }
|
||||
// }
|
||||
|
||||
$(function() {
|
||||
console.log("PARENT READY");
|
||||
$("iframe").on("load", function(){
|
||||
console.log("LOADED");
|
||||
$(this).contents().find('.kiwi-startup-common').hide();
|
||||
});
|
||||
});
|
||||
// waitForIt(".toggle-smiley", 1000);
|
||||
// })();
|
||||
|
||||
// $(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();
|
||||
|
||||
@ -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;
|
||||
}
|
||||
@ -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%;
|
||||
|
||||
BIN
video-poster.png
Normal file
BIN
video-poster.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 447 KiB |
Loading…
Reference in New Issue
Block a user