Upload files to ''

index.html

@@ -20,51 +20,62 @@
       <!-- to add a new event copy paste above — as the ones below.  -->
       <!-- once the event is over remember to move to the sidebottom section-->
       <p>28th March'21 — 11:00 CET: <a href="https://varia.zone/en/rr-sense-full-1.html"  target="_blank" >Read & Repair</a></p>
-      <p>23rd March'21 — 18:00 CET: <a href="http://varia.zone/en/usercond01.html"  target="_blank" >User Condition S01E01</a></p>
-
 
     </div>
+
     <div class="middle">
       <p>⇈ Will be awesome ⇈</p>
       <p id="livetitle">LIVE ↝ N↻W ⇶ </p>
       <p id="livesubtitle"></p>
       <p>⇊ Was amazing ↷ </p>
     </div>
+
     <div class="sidebottom">
 
-	<p>13 March'21: <a href="https://varia.zone/en/fhm-servers-migrations.html"  target="_blank" >FHM #1  Feminist Hack Meetings: Feminist Servers</a></p>
+	    <p>23rd March'21: <a href="http://varia.zone/en/usercond01.html"  target="_blank" >User Condition S01E01</a></p>
 
- 	<p>28 February'21: <a href="https://varia.zone/en/rr-wireless-imagination-2.html" target="_blank" >Read & Repair: Wireless Imagination</a></p>
+		<p>13 March'21: <a href="https://varia.zone/en/fhm-servers-migrations.html"  target="_blank" >FHM #1  Feminist Hack Meetings: Feminist Servers</a></p>
 
-  <p>27 June'20: <a href="https://varia.zone/en/corporeal-whispers.html" target="_blank" >RE#SISTER: Corporeal Whispers</a></p>
+	 	<p>28 February'21: <a href="https://varia.zone/en/rr-wireless-imagination-2.html" target="_blank" >Read & Repair: Wireless Imagination</a></p>
     
-  <p>19 June'20: <a href="https://varia.zone/en/Groeten_Charlois.html" target="_blank" >Niek Hilkmann - Groeten uit Charlois</a></p>
+		<p>27 June'20: <a href="https://varia.zone/en/corporeal-whispers.html" target="_blank" >RE#SISTER: Corporeal Whispers</a></p>
 		    
-  <p>18 April'20: <a href="https://varia.zone/en/we-hope-this-email.html" target="_blank">We hope this email finds you well</a></p>
+		<p>19 June'20: <a href="https://varia.zone/en/Groeten_Charlois.html" target="_blank" >Niek Hilkmann - Groeten uit Charlois</a></p>
 		    
-  <p>14 March'20:<a href="https://varia.zone/en/radio-on-radio.html" target="_blank">Radio on the Radio</a></p>
-    </div>
-  </div>
+		<p>18 April'20: <a href="https://varia.zone/en/we-hope-this-email.html" target="_blank">We hope this email finds you well</a></p>
+		    
+		<p>14 March'20:<a href="https://varia.zone/en/radio-on-radio.html" target="_blank">Radio on the Radio</a></p>
+
+	   </div>
+	</div>
 
   <div class="live live-flex">
 
-    <!-- essay frame -->
+    <!-- AFTER EVENTS PLACEHOLDER   -->
+    <!-- uncomment after the event to display the iframe below  -->
+    <iframe class="resize-drag" src="https://loading.vvvvvvaria.org" allow="camera; microphone" width="600" height="680" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen>
+    </iframe>
+
+
+    <!-- essay frame 
     <div class="essay">
       <iframe src="https://theusercondition.computer/"></iframe><br> ↬ 
       <a class="windowlinks" href="https://theusercondition.computer/"  target="_blank">theusercondition.computer</a>
     </div>
+    -->
 
-    <!-- CHAT INTERFACE -->
+    <!-- CHAT INTERFACE 
     <div class="chat">
       <iframe src="https://chat.vvvvvvaria.org/"></iframe><br> ↬ 
       <a class="windowlinks" href="https://chat.vvvvvvaria.org/"  target="_blank"> chat.vvvvvvaria.org</a>
     </div>
+    -->
 
     <!-- AUDIO STREAM 
     <audio controls loop="" class="audio" src="http://w-i-t-m.net:8001/meander" type="audio/mp3"> </audio>
     -->
 
-    <!-- AUDIO STREAM STYLE-->
+    <!-- AUDIO STREAM STYLE
     <div class="audio-stream">
       <button onclick="playpause('audioBG')" type="button" name="button" class="b-narrow"><i class="audioBG fa b-play"></i></button>
       <audio id="audioBG"
@@ -72,19 +83,19 @@
             <source src="http://w-i-t-m.net:8001/meander">
       </audio>
       <input id="dur1" type="range" name="rng" min="0" step="0.25" value="0" onchange="mSet(dur1,audioBG)" style="width: 150px">
-      <!-- <span id="tracktime"> 00:00 / 0 </span> -->
+      <span id="tracktime"> 00:00 / 0 </span> 
       <br>
       <span class="audio-link">  ↬ <a class="windowlinks" href="http://w-i-t-m.net:8001/meander"  target="_blank"> direct link to audio</a></span>
     </div>
+ 	-->
 
-
-    <!-- lil face -->
+    <!-- lil face 
     <div class="lil-face loading">
       <a href="https://silviolorusso.com" target="_blank">
         <img src="https://i.ytimg.com/vi/AsFBRdkFKx8/mqdefault.jpg" style="width: 100px; border-radius: 25px; box-shadow: 0.3rem 0.2rem 0.3rem #ffe4fd;"/>
       </a>
     </div>
-
+	-->