archived event + added back placeholder + bit clean up

index.html

@@ -19,7 +19,8 @@
     <div class="sidetop">
       <!-- 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>more TBA soon! <a href="https://varia.zone/en"  target="_blank" > &#128064; </a></p>
+
 
     </div>
 
@@ -32,6 +33,9 @@
 
     <div class="sidebottom">
 
+      	<p>28th March'21: <a href="https://varia.zone/en/rr-sense-full-1.html"  target="_blank" >Read & Repair</a></p>
+
+
 	    <p>23rd March'21: <a href="http://varia.zone/en/usercond01.html"  target="_blank" >User Condition S01E01</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>
@@ -54,17 +58,10 @@
     <!-- 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 class="resize-drag" src="https://loading.vvvvvvaria.org" allow="camera; microphone" width="600" height="680" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen>
-    </iframe> -->
+    </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 
     <div class="chat">
       <iframe src="https://chat.vvvvvvaria.org/"></iframe><br> ↬ 
@@ -90,19 +87,20 @@
     </div>
  	-->
 
-
+	<!--  ETHERPAD IFRAME 
 	<div class="halfscreen">
         <iframe src="https://pad.vvvvvvaria.org/read_repair_supreme_connections"></iframe><br> ↝
         <a class="windowlinks" href="https://pad.vvvvvvaria.org/read_repair_supreme_connections"  target="_blank"> pad.vvvvvvaria.org/read_repair_supreme_connections</a>
-    </div>
+    </div> -->
 
 
+	<!-- ESSAY IFRAME 
     <div class="halfscreen">
       <iframe src="https://vvvvvvaria.org/~ccl/r_n_r/supreme-connections/read_supreme_connections_intelligent_life_scraps.pdf"></iframe><br> ↬ 
       <a class="windowlinks" href="https://vvvvvvaria.org/~ccl/r_n_r/supreme-connections/read_supreme_connections_intelligent_life_scraps.pdf"  target="_blank">read_supreme_connections_intelligent_life_scraps.pdf</a>
-    </div>
+    </div> -->
 
-   <!-- AUDIO NEW CODE -->
+   <!-- AUDIO NEW CODE 
    <span class="audio-stream">
 		<audio id="player" preload="none" src="https://ice.suroh.tk/meander "> </audio>
 		<p>
@@ -115,9 +113,9 @@
 		</div>
     <span class="audio-link">  ↬ <a class="windowlinks" href="https://ice.suroh.tk/meander "  target="_blank"> direct link to audio</a></span>
 	</span>
+	-->
 
-
+	<!-- IMAGE GALLERY
-<!-- IMAGE GALLERY
 	<p class="img-gallery-title"> ⇩ IMAGE ⇊ GALLERY ⇘ </p>
 	<div class="img-gallery">
 		<figure>	
@@ -137,20 +135,10 @@
 			<a class="windowlinks" href="https://vvvvvvaria.org/~ccl/r_n_r/supreme-connections/read_supreme_connections_the_blonde_composer.jpg" target="_blank">read_supreme_connections_the_blonde_composer.jpg</a>
 		</figure>
 	</div>
--->
-
-
-    <!-- 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>
 	-->
 
      
 
-
     <!-- TO ACTIVATE A BELOW SECTION FOR YOUR EVENT -->
     <!-- REMOVE THE UNCOMMENT " < ! -- " and " - - > " SIGNS -->
     <!-- AND ADD THE APPROPRIATE URLS -->
@@ -162,7 +150,8 @@
         <iframe class="resize-drag" src="https://meet.jit.si/varia.broadcats" allow="camera; microphone" width="640" height="480" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen>
         </iframe> 
         -->
-<!-- EXAMPLE VIDEO FILE -->
+
+	<!-- EXAMPLE VIDEO FILE -->
 
     <!--     
       <video class="resize-drag" autoplay="" loop="">
@@ -171,35 +160,23 @@
       </video> 
     -->
 
-<!--   <div class="fullscreen" style="margin: 0% 0% 2% 0%;">
+	<!--   <div class="fullscreen" style="margin: 0% 0% 2% 0%;">
-    <video 
+	    <video 
-      id="player"
+	      id="player"
-      class="video-js vjs-default-skin"
+	      class="video-js vjs-default-skin"
-      controls
+	      controls
-      preload="none"
+	      preload="none"
-    >
+	    >
-      <source
+	      <source
-        src="https://video.vvvvvvaria.org/test.m3u8"
+	        src="https://video.vvvvvvaria.org/test.m3u8"
-        type="application/x-mpegURL"
+	        type="application/x-mpegURL"
-      />
+	      />
-    </video><br>
+	    </video><br>
-    <a class="windowlinks" href="https://bbb.constantvzw.org/b/ang-twu-g0m-hib"  target="_blank">if you want to join the call click here to access direct link of the BBB!</a>
+	    <a class="windowlinks" href="https://bbb.constantvzw.org/b/ang-twu-g0m-hib"  target="_blank">if you want to join the call click here to access direct link of the BBB!</a>
-  </div>  -->
+	  </div>  -->
     
 
 
-
-
-    
-
-
-
-    <!-- EXAMPLE ETHERPAD -->   
-<!--     <div class="halfscreen">
-        <iframe src="https://pad.vvvvvvaria.org/fhm#1.notes"></iframe><br> ↝
-        <a class="windowlinks" href="https://pad.vvvvvvaria.org/fhm#1.notes"  target="_blank">  pad.vvvvvvaria.org/fhm#1.notes</a>
-    </div> -->
-
     <p class="note"> <u>Note</u>: this interface is in experimental phase ☆ﾟ.*･｡ﾟ and some things may not work always smoothly *</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> -->

narrowstyle.css

@@ -434,10 +434,7 @@ content: 'PAUSE';
   border-radius: 1rem 0.5rem 1rem 0.5rem;
 }
 
-/* ehterpad — maybe remove?
+
-#editorcontainerbox {
-    margin-bottom: 39px;
-}*/
 
 /* :::::::::::::::::::::::::::::::::::::::::::::: Responsiveness :::::::::::::::::::::::::::::::::::::::::::::: */