finalize event The Sonic Liberation Front / Radio Alhara

index.html

@@ -42,7 +42,7 @@
     <div class="middle">
       <p>⇈ Will be awesome ⇈ <br> ⇈ Zal geweldig zijn ⇈</p>
       <p id="livetitle">LIVE ↝ N↻W ⇶ </p>
-      <p id="livesubtitle"></p>
+      <p id="livesubtitle">Re-broadcasting Radio Alhara: Sonic Liberation Front</p>
       <p>⇊ Was amazing ↷ <br>⇊ Was geweldig ↷ </p>
     </div>
 
@@ -76,7 +76,8 @@
 	<div class="b_allmedia">
 		<!-- placeholder iframe loading 
 		<button onclick="hideshowWelcome()" class="" id="bhide_wel">WELCOME</button>-->
-		<button onclick="hideshowChat()" class="bhide_chat_off" id="bhide_chat">CHATTING <br> CHATTEN</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>-->
 		<!-- audio streaming or files -->
@@ -91,7 +92,7 @@
 		<button onclick="hideshowIMG()" class="bhide_chat_off" id="bhide_img">IMAGE <br>  BEELD</button>
 		<!-- image multiple 
 		<button onclick="hideshowGal()" class="bhide_chat_off" id="bhide_gal">GALLERY <br> GALERIJ</button>-->
-		<!-- chat -->
+		
 	</div>
 
 
@@ -110,12 +111,17 @@
 
     <!-- CHAT   -->
     <!-- PLACEHOLDER link: https://chat.vvvvvvaria.org/ -->
-    <div class="chat halfscreen" id="showChat">
+    <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>
 
-
+	<!--  ETHERPAD  -->
+	<!-- PLACEHOLDER link: https://pad.vvvvvvaria.org/varia.broadcast.intro -->
+	<div class="halfscreen hide" id="showEther">
+        <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>
+    </div> 
 
 
    <!-- AUDIO -->
@@ -190,7 +196,7 @@
 
     <!-- IMAGE -->
     <!-- PLACEHOLDER link: https://varia.zone/images/de_varia.jpg  -->
-	<figure class="halfscreen"  id="showImg">
+	<figure class="fullscreen"  id="showImg">
 		<img src="https://w-i-t-m.net/images/SLFgraphics.jpg">
 		<br> ↬ 
 		<a class="windowlinks" href="https://w-i-t-m.net/images/SLFgraphics.jpg" target="_blank" alt=""> caption: 'Varia 3D WoW' ↬ link to .jpg</a>
@@ -229,12 +235,7 @@
 		</figure>
 	</div>
 
-	<!--  ETHERPAD  -->
-	<!-- PLACEHOLDER link: https://pad.vvvvvvaria.org/varia.broadcast.intro -->
-	<div class="halfscreen hide" id="showEther">
-        <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>
-    </div> 
+