adding live captions and a few links to the stream page for tonight

This commit is contained in:
manetta 2021-12-17 10:37:25 +01:00
parent 71fd2234ac
commit e3e53c3669

View File

@ -139,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>
</div>
<span class="audio-link"><a class="windowlinks" href="https://voice.vvvvvvaria.org/vernaculars" 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>
@ -178,15 +181,16 @@
<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="">link to the image</a>
<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>
<!-- ESSAY -->
<!-- PLACEHOLDER link: https://etherdump.vvvvvvaria.org/publish/digital-solidarity-networks.raw.html -->
<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>
<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 -->
<!-- PLACEHOLDER link: https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/tv-varia.mp4 -->
@ -210,7 +214,8 @@
<!-- PLACEHOLDER link: https://chat.vvvvvvaria.org/ -->
<div class="chat fullscreen" 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>
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>
<!-- IMAGE GALLERY -->
@ -225,28 +230,35 @@
<p class="img-gallery-title">IMAGE GALERY / BEELDGALLERIJ</p>
<figure>
<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>
<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>
</figure>
<figure>
<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>
<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>
<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>
<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>
</figure>
<figure>
<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>
<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>
</div>
<!-- ESSAY -->
<!-- PLACEHOLDER link: https://etherdump.vvvvvvaria.org/publish/digital-solidarity-networks.raw.html -->
<div class="fullscreen" id="showEssay">
<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>
<iframe src="https://varia.zone/etp/" style="height:80vh!important; background-color:white;"></iframe><br>
everyday-technology-press website<br>
<a class="windowlinks" href="https://varia.zone/etp/" target="_blank">direct link to the 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>
<!-- here is an example if you would like to add an iframe -->