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">
  #blabla {
    line-height: 107%;
  }

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


</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_blue.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="https://collectiveioning.xpub.nl" target="_blank">Collectiveioning</a></p>

<p>Please join us in our IRC chat<span style="color:yellow;">*</span> on the right side of this window, where you can comment and write questions that will be answered in a live Q&A directly following the presentation.</p>
<p><span style="color:yellow;">*</span>requires 3rd party cookies in your browser settings</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">`
blabla + poster 4 years ago			`#blabla {`
			`line-height: 107%;`
			`}`

blablabla 4 years ago			`a.ablabla{`
yellow links 4 years ago			`color:yellow;`
blablabla 4 years ago			`text-decoration: underline;`
yellow links 4 years ago			`text-decoration-color: yellow;`
blablabla 4 years ago			`}`

blabla + poster 4 years ago

blablabla 4 years ago			`</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">`
blabla + poster 4 years ago			`<video controls id="master" class="video-js vjs-default-skin vjs-fullscreen" poster="live_poster_blue.png" controls data-setup="{}">`
target blank 4 years ago			`<source src="https://live.lilimit.com:8081/hls1/Aymeric.m3u8" type="application/x-mpegURL" >`
new index 4 years ago			`<!-- <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>`

target blank 4 years ago			`<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="https://collectiveioning.xpub.nl" target="_blank">Collectiveioning</a></p>`
blablabla 4 years ago
blabla + poster 4 years ago			`<p>Please join us in our IRC chat<span style="color:yellow;">*</span> on the right side of this window, where you can comment and write questions that will be answered in a live Q&A directly following the presentation.</p>`
			`<p><span style="color:yellow;">*</span>requires 3rd party cookies in your browser settings</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>`