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

cleaning up the narrowcast

Browse Source
This commit is contained in:
mb 2022-09-27 08:55:25 +02:00
parent a76baa5882
commit 4fe1cc0aba
1 changed files with 113 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

159
index.html
View File

@ -24,6 +24,7 @@
<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>
@ -32,7 +33,7 @@
<!-- 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>September 21st, 2022<br>18:00-19:00 (CEST): <a href="https://varia.zone/en/publishing-partyline.html" target="_blank">Publishing Partyline, Broadcast #2: dependency relations in the ecosystem, with Paged.js</a></p> <p>October 5th, 2022<br>18:00-19:00 (CEST): <a href="https://varia.zone/en/publishing-partyline.html" target="_blank">Publishing Partyline, Broadcast #3: web-to-print in education, with Julien Bidoret & Quentin Juhel</a></p>
<!-- <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> -->
@ -48,6 +49,8 @@
</div> </div>
<div class="sidebottom"> <div class="sidebottom">
<p>September 21st, 2022<br>18:00-19:00 (CEST): <a href="https://varia.zone/en/publishing-partyline.html" target="_blank">Publishing Partyline, Broadcast #2: dependency relations in the ecosystem, with Paged.js</a></p>
<p>September 7th, 2022<br>18:00-19:00 (CEST): <a href="https://varia.zone/en/publishing-partyline.html" target="_blank">Publishing Partyline, Broadcast #1: standards and work arounds, with Open Source Publishing (OSP)</a></p> <p>September 7th, 2022<br>18:00-19:00 (CEST): <a href="https://varia.zone/en/publishing-partyline.html" target="_blank">Publishing Partyline, Broadcast #1: standards and work arounds, with Open Source Publishing (OSP)</a></p>
<p>23 maart / March '22: A Transversal Network of Feminist Servers (<a href="https://varia.zone/atnofs-varia.html" target="_blank">een radio uitzending</a> / <a href="https://varia.zone/en/atnofs-varia.html" target="_blank">a radio broadcast</a>)</a></p> <p>23 maart / March '22: A Transversal Network of Feminist Servers (<a href="https://varia.zone/atnofs-varia.html" target="_blank">een radio uitzending</a> / <a href="https://varia.zone/en/atnofs-varia.html" target="_blank">a radio broadcast</a>)</a></p>
@ -103,12 +106,20 @@
<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 multiple --> <!-- etherpad-->
<button onclick="hideshowGal()" class="bhide_chat_off" id="bhide_gal">GALLERY <br> GALERIJ</button> <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 --> <!-- 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>
<!-- etherpad--> <!-- image single -->
<!-- <button onclick="hideshowPad()" class="bhide_chat_off" id="bhide_ether">WRITING <br> SCHRIJVEN</button> --> <button onclick="hideshowIMG()" class="" id="bhide_img">IMAGE <br> BEELD</button>
<!-- image multiple -->
<button onclick="hideshowGal()" class="bhide_chat_off" id="bhide_gal">GALLERY <br> GALERIJ</button>
</div> </div>
@ -116,6 +127,7 @@
<!-- MEDIA CONTENT --> <!-- MEDIA CONTENT -->
<!-- MARQUEE PLACEHOLDER — CHANGE THE TEXT --> <!-- MARQUEE PLACEHOLDER — CHANGE THE TEXT -->
<!-- if online: --> <!-- if online: -->
<!-- " ♪ . *⁽⁽ ◝꒰´꒳`∗꒱◟ ₎₎₊· * ON AIR ♪ ♬ ヾclick on the buttons on the right side to display the different modalities ﾉ ♬ ♪ ON AIR ♫♪.ılılıll|̲̅̅●̲̅̅|̲̅̅=̲̅̅|̲̅̅●̲̅̅|llılılı.♫♪ " --> <!-- " ♪ . *⁽⁽ ◝꒰´꒳`∗꒱◟ ₎₎₊· * ON AIR ♪ ♬ ヾclick on the buttons on the right side to display the different modalities ﾉ ♬ ♪ ON AIR ♫♪.ılılıll|̲̅̅●̲̅̅|̲̅̅=̲̅̅|̲̅̅●̲̅̅|llılılı.♫♪ " -->
@ -123,7 +135,7 @@
<!-- 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">[LIVE NOW] Publishing Partyline, Broadcast #2: dependency relations in the ecosystem, with Paged.js</marquee> <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>
<!-- AUDIO --> <!-- AUDIO -->
@ -131,7 +143,7 @@
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" id="showAudio"> <div class="audio-stream fullscreen" id="showAudio">
<audio id="player" preload="none"> <audio id="player" preload="none">
<source src="https://voice.vvvvvvaria.org/live" 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! Your browser does not support the audio element. Try the direct link to the audio below!
</audio> </audio>
<p> <p>
@ -157,9 +169,87 @@
<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://voice.vvvvvvaria.org/live" 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> </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>Varia Narrowcast Intro
(<a class="windowlinks" href="https://pad.vvvvvvaria.org/varia.broadcast.intro" target="_blank">direct link to the 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://varia.zone/images/de_varia.jpg">
<br>
(<a class="windowlinks" href="https://varia.zone/images/de_varia.jpg" alt="">direct link to image</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 hide" 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: <!-- 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
@ -167,61 +257,30 @@
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" id="showGal"> <div class="img-gallery hide" id="showGal">
<!-- <p class="img-gallery-title"> ⇩ IMAGE ⇊ GALLERY ⇘ IMAGE ⇊ GALERIJ ⇩ </p> --> <p class="img-gallery-title"> ⇩ IMAGE ⇊ GALLERY ⇘ IMAGE ⇊ GALERIJ ⇩ </p>
<figure> <figure>
<img alt="" src="./Paged.js/paged.js-website.png"><br> <img src="https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/a_safe_image.php.jpeg"><br> ↬
Screenshot of the <a href="https://pagedjs.org/" target="_blank">Paged.js website</a> <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="./Paged.js/paged.js-website.png" target="_blank" alt="">link to image</a>)
</figure> </figure>
<figure> <figure>
<img alt="" src="./Paged.js/paged.js-documentation.png"><br> <img src="https://vvvvvvaria.org/archive/varia-server/7e920c7f_Screenshot%20from%202020-03-21%2019-07-20.png"><br> ↬
Screenshot of the <a href="https://pagedjs.org/documentation/" target="_blank">documentation page on the Paged.js website</a> <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="./Paged.js/paged.js-documentation.png" target="_blank" alt="">link to image</a>)
</figure> </figure>
<figure> <figure>
<img alt="" src="./Paged.js/coko-foundation-website.png"><br> <img src="https://vvvvvvaria.org/archive/varia-server/varia-home-red.png"><br> ↬
Screenshot of the <a href="https://coko.foundation/" target="_blank">Coko Foundation website</a> <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="./Paged.js/coko-foundation-website.png" target="_blank" alt="">link to image</a>)
</figure> </figure>
<figure> <figure>
<img alt="" src="./Paged.js/paged.js-used-in-varia-collective-space-guide-booklet.png"><br> <img src="https://vvvvvvaria.org/archive/varia-server/welcome.png"><br> ↬
Screenshot of Paged.js being used to make a <a href="https://vvvvvvaria.org/~simoon/partylines/publishing-partyline/varia-collective-space-guide.pdf" target="_blank">Varia collective-space guide booklet</a> (edited and lay out by Simon Browne) <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="./Paged.js/paged.js-used-in-varia-collective-space-guide-booklet.png" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="" src="./Paged.js/paged.js-volumetric-regimes-1.png"><br>
Screenshot of the cover of <a href="https://volumetricregimes.xyz/" target="_blank">Volumetric Regimes</a> (edited by <a href="https://possiblebodies.constantvzw.org/inventory/" target="_blank">Possible Bodies</a>, lay out by Manetta Berends), previewed through Paged.js
(<a class="windowlinks" href="./Paged.js/paged.js-volumetric-regimes-1.png" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="" src="./Paged.js/paged.js-volumetric-regimes-2.png"><br>
Screenshot of the table of contents of <a href="https://volumetricregimes.xyz/" target="_blank">Volumetric Regimes</a> (edited by <a href="https://possiblebodies.constantvzw.org/inventory/" target="_blank">Possible Bodies</a>, lay out by Manetta Berends), previewed through Paged.js
(<a class="windowlinks" href="./Paged.js/paged.js-volumetric-regimes-2.png" target="_blank" alt="">link to image</a>)
</figure> </figure>
</div> </div>
<!-- CHAT -->
<!-- PLACEHOLDER link: https://chat.vvvvvvaria.org/ -->
<div class="fullscreen 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>
<!-- ETHERPAD -->
<!-- PLACEHOLDER link: https://pad.vvvvvvaria.org/varia.broadcast.intro
PLACEHOLDER desc: Varia Narrowcast Intro-->
<!-- <div class="fullscreen" id="showEther">
<iframe src="https://pad.vvvvvvaria.org/publishing-partyline-radio-conversation-1-with-OSP"></iframe><br>
Live transcriptions pad
(<a class="windowlinks" href="https://pad.vvvvvvaria.org/publishing-partyline-radio-conversation-1-with-OSP" target="_blank">direct link to this 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> <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> --> <!-- <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> -->
@ -230,6 +289,8 @@
<script type="text/javascript" src="narrowscripts.js"></script> <script type="text/javascript" src="narrowscripts.js"></script>