project.xpub.nl/collectiveioning/index.html

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta charset="utf-8">
<title>XPUB: Collectiveioning</title>
<link rel="stylesheet" type="text/css" href="live-with-etherpad.css">
<style type="text/css">
  a.ablabla{
    color:white;
    text-decoration: underline;
    text-decoration-color: blue;
  }

  a.ablabla:hover{
    color:blue;
    text-decoration: underline;
    text-decoration-color: blue;
  }

  a.ablabla:visited{
    color:white;
    text-decoration: underline;
    text-decoration-color: blue;
  }

</style>

<!--  1. CDN -->
<!-- <link href="https://unpkg.com/video.js@5.16.0/dist/video-js.css" rel="stylesheet"> -->
<!-- <script src="https://unpkg.com/video.js@5.16.0/dist/video.js"></script> -->
<!-- <script src="https://unpkg.com/videojs-contrib-hls@4.1.1/dist/videojs-contrib-hls.js"></script> -->

<!-- or 2. LOCAL  -->
<link href="videojs/video-js.css" rel="stylesheet">
<script src="videojs/video.js"></script>
<script src="videojs/videojs-contrib-hls.js"></script>

</head>
<body>
<div id="content">
    <div id="left">
        <div id="video">
            <div class="content">
                <video controls id="master" class="video-js vjs-default-skin vjs-fullscreen" poster="live_poster.png" controls data-setup="{}">
                <source src="https://live.lilimit.com:8081/hls1/Aymeric.m3u8" type="application/x-mpegURL" >
                <!-- <source src="test.mp4" > -->
                </video>
            </div>
        </div>
        <div id="blabla">
          <p id="changeText">/ko 'lek tiv yon ning/</p>
        <p><b>Presentation live at:</b> 19h-20h CEST/UTC+2 (Q&A directly afterwards)</p>

<p>Welcome to the premiere of <em>Collectiveioning</em>, the experimental presentation of projects from the XPUB graduating class of 2020. This is accompanied by a web-to-print website where our research is collected:<a class="ablabla" href=collectiveioning.xpub.nl> Collectiveioning </a></p>

<p>Please join us in our IRC chat (requires 3rd party cookies enabled in your browser settings)>>></p>

<p> Directly following the presentation will be a live Q & A session in our Big Blue Button room: <a class="ablabla" href="https://bbb.radical-openness.org/b/rit-grh-ag2" > join us here!!! </a></p>
<p>Please wait for a moderator to approve your request to join, as there are a limited number of people who can use the room. If you cannot, or prefer to not join us in the BBB room, you can write your questions in the IRC chat.</p>
        </div>
    </div>
    <div id="pad">
        <!-- <iframe src="http://webchat.freenode.net/?channels=xpub&theme=cli"></iframe> -->
        <iframe src="https://kiwiirc.com/client/irc.kiwiirc.com/?nick=anonymous|?&theme=cli#xpub"></iframe>
    </div>
</div>
<script>
var player = videojs('master');
player.play();
//player.auto('true'); // this seems to be wrong (no auto method)
player.autoplay(true);
//player.on("fullscreenchange", (a, b, c) => {
//    console.log("fullscreen change", a, b, c);
//    var ret = player.isFullscreen();
//    console.log("isFullscreen", ret);
//})

var text = ["/ko 'lek tiv yon ning/", "/col ec 'tivio ning/", "/co-lec-tí-bio-ning/","/colleectiiiviòooniiing/","/cool-ectiveioning/","/ke lec ti vi on ne ing/","/collec-tí-ví-uuuuniiiing/"];
var counter = 0;
var elem = document.getElementById("changeText");
var inst = setInterval(change, 1000);

function change() {
  elem.innerHTML = text[counter];
  counter++;
  if (counter >= text.length-1) {
    counter = 0;
    // clearInterval(inst); // uncomment this if you want to stop refreshing after one cycle
  }
}
</script>
</body>
</html>
collectiveioning presentation page 4 years ago			`<!DOCTYPE html>`
			`<html>`
			`<head>`
new index 4 years ago			`<meta name="viewport" content="width=device-width,initial-scale=1">`
			`<meta charset="utf-8">`
			`<title>XPUB: Collectiveioning</title>`
			`<link rel="stylesheet" type="text/css" href="live-with-etherpad.css">`
blablabla 4 years ago			`<style type="text/css">`
			`a.ablabla{`
			`color:white;`
			`text-decoration: underline;`
			`text-decoration-color: blue;`
			`}`

			`a.ablabla:hover{`
			`color:blue;`
			`text-decoration: underline;`
			`text-decoration-color: blue;`
			`}`

			`a.ablabla:visited{`
			`color:white;`
			`text-decoration: underline;`
			`text-decoration-color: blue;`
			`}`

			`</style>`
new index 4 years ago
			`<!-- 1. CDN -->`
			`<!-- <link href="https://unpkg.com/video.js@5.16.0/dist/video-js.css" rel="stylesheet"> -->`
			`<!-- <script src="https://unpkg.com/video.js@5.16.0/dist/video.js"></script> -->`
			`<!-- <script src="https://unpkg.com/videojs-contrib-hls@4.1.1/dist/videojs-contrib-hls.js"></script> -->`

			`<!-- or 2. LOCAL -->`
			`<link href="videojs/video-js.css" rel="stylesheet">`
			`<script src="videojs/video.js"></script>`
			`<script src="videojs/videojs-contrib-hls.js"></script>`
collectiveioning presentation page 4 years ago
			`</head>`
			`<body>`
new index 4 years ago			`<div id="content">`
			`<div id="left">`
			`<div id="video">`
			`<div class="content">`
			`<video controls id="master" class="video-js vjs-default-skin vjs-fullscreen" poster="live_poster.png" controls data-setup="{}">`
			`<source src="https://live.lilimit.com:8081/hls1/Aymeric.m3u8" type="application/x-mpegURL" >`
			`<!-- <source src="test.mp4" > -->`
			`</video>`
			`</div>`
			`</div>`
			`<div id="blabla">`
blablabla 4 years ago			`<p id="changeText">/ko 'lek tiv yon ning/</p>`
			`<p><b>Presentation live at:</b> 19h-20h CEST/UTC+2 (Q&A directly afterwards)</p>`

			`<p>Welcome to the premiere of <em>Collectiveioning</em>, the experimental presentation of projects from the XPUB graduating class of 2020. This is accompanied by a web-to-print website where our research is collected:<a class="ablabla" href=collectiveioning.xpub.nl> Collectiveioning </a></p>`

			`<p>Please join us in our IRC chat (requires 3rd party cookies enabled in your browser settings)>>></p>`

			`<p> Directly following the presentation will be a live Q & A session in our Big Blue Button room: <a class="ablabla" href="https://bbb.radical-openness.org/b/rit-grh-ag2" > join us here!!! </a></p>`
			`<p>Please wait for a moderator to approve your request to join, as there are a limited number of people who can use the room. If you cannot, or prefer to not join us in the BBB room, you can write your questions in the IRC chat.</p>`
new index 4 years ago			`</div>`
			`</div>`
			`<div id="pad">`
			`<!-- <iframe src="http://webchat.freenode.net/?channels=xpub&theme=cli"></iframe> -->`
			`<iframe src="https://kiwiirc.com/client/irc.kiwiirc.com/?nick=anonymous\|?&theme=cli#xpub"></iframe>`
			`</div>`
			`</div>`
			`<script>`
			`var player = videojs('master');`
			`player.play();`
			`//player.auto('true'); // this seems to be wrong (no auto method)`
			`player.autoplay(true);`
			`//player.on("fullscreenchange", (a, b, c) => {`
			`// console.log("fullscreen change", a, b, c);`
			`// var ret = player.isFullscreen();`
			`// console.log("isFullscreen", ret);`
			`//})`

			`var text = ["/ko 'lek tiv yon ning/", "/col ec 'tivio ning/", "/co-lec-tí-bio-ning/","/colleectiiiviòooniiing/","/cool-ectiveioning/","/ke lec ti vi on ne ing/","/collec-tí-ví-uuuuniiiing/"];`
			`var counter = 0;`
			`var elem = document.getElementById("changeText");`
			`var inst = setInterval(change, 1000);`

			`function change() {`
			`elem.innerHTML = text[counter];`
			`counter++;`
			`if (counter >= text.length-1) {`
			`counter = 0;`
			`// clearInterval(inst); // uncomment this if you want to stop refreshing after one cycle`
			`}`
			`}`
			`</script>`
collectiveioning presentation page 4 years ago			`</body>`
			`</html>`