updated css of live-with-etherpad to work with longer text

master
Michael Murtaugh 4 years ago
parent 03fac1c131
commit 84ba361031

@ -21,14 +21,18 @@ body {
#video { #video {
background: gray; background: gray;
overflow: hidden; overflow: hidden;
flex: 10 1 auto;
/*width: 480px;*/ /*width: 480px;*/
/*height: 270px;*/ /*height: 270px;*/
/* https://css-tricks.com/aspect-ratio-boxes/ */ /* https://css-tricks.com/aspect-ratio-boxes/ */
/* height + padding-top = 16:9 */ /* height + padding-top = 16:9 */
height: 0; /*height: 0;*/
padding-top: 56.25%; /*padding-top: 56.25%;*/
/* flex: 1 1 auto; /* flex: 1 1 auto;
*/ position: relative; */
position: relative;
} }
#video .content { #video .content {
position: absolute; position: absolute;
@ -44,10 +48,12 @@ video {
#blabla { #blabla {
/*width: 480px;*/ /*width: 480px;*/
flex: 1 1 auto; flex: 1 1 auto;
min-height: auto;
} }
#pad { #pad {
flex: 1 1 auto; flex: 1 1 auto;
min-width: 40%;
} }
#pad iframe { #pad iframe {

@ -29,7 +29,9 @@
</div> </div>
</div> </div>
<div id="blabla"> <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> </div>
<div id="pad"><iframe src="https://pad.xpub.nl/p/Collectiveioning"></iframe></div> <div id="pad"><iframe src="https://pad.xpub.nl/p/Collectiveioning"></iframe></div>

Loading…
Cancel
Save