From 84ba361031167d52a32b899eec6cb4d7e8fb679a Mon Sep 17 00:00:00 2001
From: Michael Murtaugh <mm@automatist.org>
Date: Thu, 9 Jul 2020 19:29:16 +0200
Subject: [PATCH] updated css of live-with-etherpad to work with longer text

---
 collectiveioning/live-with-etherpad.css  | 12 +++++++++---
 collectiveioning/live-with-etherpad.html |  4 +++-
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/collectiveioning/live-with-etherpad.css b/collectiveioning/live-with-etherpad.css
index 1483d41..d181646 100644
--- a/collectiveioning/live-with-etherpad.css
+++ b/collectiveioning/live-with-etherpad.css
@@ -21,14 +21,18 @@ body {
 #video {
   background: gray;
   overflow: hidden;
+
+  flex: 10 1 auto;
+
   /*width: 480px;*/
   /*height: 270px;*/
   /* https://css-tricks.com/aspect-ratio-boxes/ */
   /* height + padding-top = 16:9 */
-  height: 0;
-  padding-top: 56.25%;
+  /*height: 0;*/
+  /*padding-top: 56.25%;*/
 /*  flex: 1 1 auto;
-*/  position: relative;
+*/
+  position: relative;
 }
 #video .content {
   position: absolute;
@@ -44,10 +48,12 @@ video {
 #blabla {
   /*width: 480px;*/
   flex: 1 1 auto;
+  min-height: auto;
 }
 
 #pad {
     flex: 1 1 auto;
+    min-width: 40%;
 }
 
 #pad iframe {
diff --git a/collectiveioning/live-with-etherpad.html b/collectiveioning/live-with-etherpad.html
index 7fa4470..3b692e1 100644
--- a/collectiveioning/live-with-etherpad.html
+++ b/collectiveioning/live-with-etherpad.html
@@ -29,7 +29,9 @@
             </div>
         </div>
         <div id="blabla">
-            <p>Collectiveioning --- text here</p>
+        <p>/ko 'lek tiv yon ning/ The gathering of collective memory. A pre-literate notion of memory, in a communal way, something commemorative rather than putting a memory in a container. What we thought it was going to be changed completely. We are in that way changing our memory of what it was supposed to be. What are you able to collect? Memories? Objects? People? A collection of texts and people, collecting and composing each other? Somehow it's not even important that we have all the knowledge, what's important is the living, generative sense of the collection.
+    </p>
+        <p>Complement your stream with <a href="https://pad.xpub.nl/p/Collectiveioning" target="_blank">live chat on the etherpad</a></p>
         </div>
     </div>
     <div id="pad"><iframe src="https://pad.xpub.nl/p/Collectiveioning"></iframe></div>