From e3e53c3669b9957cc3a6e1f9864444891a34a7eb Mon Sep 17 00:00:00 2001
From: manetta <mail@manettaberends.nl>
Date: Fri, 17 Dec 2021 10:37:25 +0100
Subject: [PATCH] adding live captions and a few links to the stream page for
 tonight

---
 vernaculars.html | 46 +++++++++++++++++++++++++++++-----------------
 1 file changed, 29 insertions(+), 17 deletions(-)

diff --git a/vernaculars.html b/vernaculars.html
index b9226d2..0423e26 100644
--- a/vernaculars.html
+++ b/vernaculars.html
@@ -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 -->