From 2d06afa9e07b01ca12482f0d6551a0b509035619 Mon Sep 17 00:00:00 2001
From: lowrussia <s@silviolorusso.com>
Date: Fri, 19 Mar 2021 17:19:11 +0100
Subject: [PATCH] test user cond event 1

---
 index.html      | 22 +++++++++++++---------
 narrowstyle.css | 34 +++++++++++++++++++++++++++++++---
 2 files changed, 44 insertions(+), 12 deletions(-)

diff --git a/index.html b/index.html
index 23f254c..214f5b5 100644
--- a/index.html
+++ b/index.html
@@ -43,11 +43,20 @@
   <div class="live live-flex">
 
     <!-- essay frame -->
-    <div class="halfscreen">
+    <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> ↬ 
+      <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>
+
     <!-- lil face -->
     <div class="lil-face loading" style="position: absolute;
     bottom: 50px;
@@ -97,15 +106,10 @@
   </div>  -->
     
 
-    <!-- CHAT INTERFACE -->
-    <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>
 
 
-    <!-- AUDIO STREAM -->
-	   <audio controls loop="" class="halfscreen resize-drag" src="http://w-i-t-m.net:8001/meander" type="audio/mp3"> </audio>
+
+    
 
 
 
@@ -115,7 +119,7 @@
         <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 * 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"> <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> -->
 
diff --git a/narrowstyle.css b/narrowstyle.css
index 0f79193..8cb3606 100644
--- a/narrowstyle.css
+++ b/narrowstyle.css
@@ -65,11 +65,11 @@ button {
 .note {
   font-size: 0.8rem;
   position: fixed;
-  bottom: 0;
-  right: 0;
+  bottom: 7px;
+  right: 25px;
   margin: 0.2rem;
-  background-color: #393c56;
   margin-left: 310px;
+  background-color: #393c56;
 }
 
 .about {
@@ -342,6 +342,34 @@ button.minimize:hover {
 }
 
 
+/* SILVIO */
+
+.essay {
+  width: 55%;
+}
+
+.essay iframe {
+  width: 100%;
+  height: 80vh;
+}
+
+.chat {
+  margin-left: 1%;
+  width: 44%;
+}
+
+.chat iframe {
+  width: 100%;
+  height: 80vh;
+}
+
+.audio {
+  width: 50%;
+  right: 12%;
+  position: absolute;
+  bottom: 60px;
+}
+
 /* :::::::::::::::::::::::::::::::::::::::::::::: Responsiveness :::::::::::::::::::::::::::::::::::::::::::::: */