From 03fac1c1317bb5a5b13df3ad42e4ef362d5a799a Mon Sep 17 00:00:00 2001 From: Michael Murtaugh Date: Thu, 9 Jul 2020 19:21:02 +0200 Subject: [PATCH] live + live-with-etherpad --- collectiveioning/live-with-etherpad.css | 61 ++++++++++++++++++++++++ collectiveioning/live-with-etherpad.html | 49 +++++++++++++++++++ collectiveioning/live.css | 35 +++++++------- collectiveioning/live.html | 25 +++++----- 4 files changed, 138 insertions(+), 32 deletions(-) create mode 100644 collectiveioning/live-with-etherpad.css create mode 100644 collectiveioning/live-with-etherpad.html diff --git a/collectiveioning/live-with-etherpad.css b/collectiveioning/live-with-etherpad.css new file mode 100644 index 0000000..1483d41 --- /dev/null +++ b/collectiveioning/live-with-etherpad.css @@ -0,0 +1,61 @@ +body { + margin: 0; + overflow: hidden; + background: black; + color: white; +} + +#content { + position: absolute; + left: 0; right: 0; top: 0; bottom: 0; + display: flex; + flex-direction: row; +} + +#left { + flex: 1 1 auto; + display: flex; + flex-direction: column; +} + +#video { + background: gray; + overflow: hidden; + /*width: 480px;*/ + /*height: 270px;*/ + /* https://css-tricks.com/aspect-ratio-boxes/ */ + /* height + padding-top = 16:9 */ + height: 0; + padding-top: 56.25%; +/* flex: 1 1 auto; +*/ position: relative; +} +#video .content { + position: absolute; + top: 0; left: 0; + width: 100%; + height: 100%; +} +video { + width: 100%; + height: 100%; +} + +#blabla { + /*width: 480px;*/ + flex: 1 1 auto; +} + +#pad { + flex: 1 1 auto; +} + +#pad iframe { + width: 100%; + height: 100%; +} + +.video-js{ + width: 100% !important; + height: 100% !important; +} diff --git a/collectiveioning/live-with-etherpad.html b/collectiveioning/live-with-etherpad.html new file mode 100644 index 0000000..7fa4470 --- /dev/null +++ b/collectiveioning/live-with-etherpad.html @@ -0,0 +1,49 @@ + + + + + +XPUB: Collectiveioning + + + + + + + + + + + + + + +
+
+
+
+ +
+
+
+

Collectiveioning --- text here

+
+
+
+
+ + + \ No newline at end of file diff --git a/collectiveioning/live.css b/collectiveioning/live.css index 1483d41..96e9068 100644 --- a/collectiveioning/live.css +++ b/collectiveioning/live.css @@ -5,31 +5,27 @@ body { color: white; } -#content { +#page { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; - flex-direction: row; -} - -#left { - flex: 1 1 auto; - display: flex; flex-direction: column; } #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%; /* flex: 1 1 auto; */ position: relative; } +.ratio169{ + height: 0; + padding-top: 56.25%; +} #video .content { position: absolute; top: 0; left: 0; @@ -44,18 +40,19 @@ video { #blabla { /*width: 480px;*/ flex: 1 1 auto; -} - -#pad { - flex: 1 1 auto; -} - -#pad iframe { - width: 100%; - height: 100%; + min-height: auto; } .video-js{ width: 100% !important; height: 100% !important; } + +a { + color: #4F4; + text-decoration: none; +} +a:hover { + background: #4F4; + color: black; +} \ No newline at end of file diff --git a/collectiveioning/live.html b/collectiveioning/live.html index 29210cd..b4f3d92 100644 --- a/collectiveioning/live.html +++ b/collectiveioning/live.html @@ -18,21 +18,20 @@ -
-
-
-
- -
-
-
-

Collectiveioning --- text here

+
+
+
+
-
+
+

/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. +

+

Complement your stream with live chat on the etherpad

+