added placeholder and moved live event to past

index.html

@@ -25,13 +25,12 @@
     <div class="middle">
       <p>⇈ Will be awesome ⇈</p>
       <p id="livetitle">LIVE ↝ N↻W ⇶ </p>
-      <p id="livesubtitle">Feminist Hack Meetings: Feminist Servers</p>
+      <p id="livesubtitle"></p>
       <p>⇊ Was amazing ↷ </p>
     </div>
     <div class="sidebottom">
 
-	<!-- <p>2021.03.13: <a href="https://varia.zone/en/fhm-servers-migrations.html"  target="_blank" >FHM #1  Feminist Hack Meetings: Feminist Servers</a></p>
-	 -->  
+	   <p>2021.03.13: <a href="https://varia.zone/en/fhm-servers-migrations.html"  target="_blank" >FHM #1  Feminist Hack Meetings: Feminist Servers</a></p>
 
  	  <p>2021.02.28: <a href="https://varia.zone/en/rr-wireless-imagination-2.html" target="_blank" >Read & Repair: Wireless Imagination</a></p>
       <p>2020.06.27: <a href="https://varia.zone/en/corporeal-whispers.html" target="_blank" >RE#SISTER: Corporeal Whispers</a></p>
@@ -44,8 +43,8 @@
   <div class="live live-flex">
 
     
-    <!-- <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 class="resize-drag" src="https://loading.vvvvvvaria.org" allow="camera; microphone" width="600" height="680" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen>
+    </iframe>
    
 
     <!-- TO ACTIVATE A BELOW SECTION FOR YOUR EVENT -->
@@ -67,7 +66,8 @@
               type="video/mp4">   
       </video> 
     -->
- <div class="fullscreen" style="margin: 0% 0% 2% 0%;">
+
+<!--   <div class="fullscreen" style="margin: 0% 0% 2% 0%;">
     <video 
       id="player"
       class="video-js vjs-default-skin"
@@ -80,27 +80,31 @@
       />
     </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>
-    </div> 
+  </div>  -->
     
 
     <!-- CHAT INTERFACE -->
-    <div class="halfscreen">
+<!--     <div class="halfscreen">
     <iframe src="https://chat.vvvvvvaria.org/"></iframe><br> ↬ 
     <a class="windowlinks" href="https://chat.vvvvvvaria.org/"  target="_blank"> chat.vvvvvvaria.org</a>
-    </div>
+    </div> -->
+
+
 
     <!-- AUDIO STREAM -->
 	<!--    <audio controls loop="" class="halfscreen" src="http://w-i-t-m.net:8001/meander" type="audio/mp3"> </audio> -->
 
 
+
     <!-- EXAMPLE ETHERPAD -->   
-    <div class="halfscreen">
+<!--     <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>
+    </div> -->
+
+    <p class="note"> <u>Note</u>: this interface is in experimental phase ☆ﾟ.*･｡ﾟ and some things may not work always smoothly * you can move and resize the elements above by dragging their corners / sides and click on the page to set the position *</p> 
 
-    <!-- <p class="note"> * move and resize the elements above by dragging their corners / sides and click on the page to set the position *</p> -->
-    <p class="note"> <u>Note</u>: this iterface 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>
+   <!--  <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> -->
 
 
 </div>

narrowstyle.css

@@ -48,6 +48,7 @@ body {
   font-family: "Computer Modern Typewriter Light";
   background-color: #393c56;
   color: #ffe4fd;
+  height: 100%;
 }
 
 iframe,
@@ -68,6 +69,7 @@ button {
   right: 0;
   margin: 0.2rem;
   background-color: #393c56;
+  margin-left: 310px;
 }
 
 .about {
@@ -87,6 +89,10 @@ button {
   text-decoration: none;
 }
 
+#side {
+  box-shadow: inset 0rem -0.4rem 1rem #ffe4fd;
+}
+
 .sidebar {
   height: 100%;
   position: fixed;