2020-10-03 18:44:16 +02:00
|
|
|
<!doctype HTML>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>twitch.tforgione.fr</title>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
2020-11-05 17:23:42 +01:00
|
|
|
<link rel="icon" type="image/ico" href="/favicon.ico"/>
|
2020-10-04 16:37:01 +02:00
|
|
|
<link href="css/video-js.css" rel="stylesheet">
|
2020-10-04 21:09:13 +02:00
|
|
|
<link href="css/spinner.css" rel="stylesheet">
|
2020-10-03 18:44:16 +02:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="container"></div>
|
2021-06-21 11:30:31 +02:00
|
|
|
<script src="https://cdn.rawgit.com/video-dev/hls.js/18bb552/dist/hls.min.js"></script>
|
|
|
|
|
<script src="js/elm-video.js"></script>
|
2020-10-03 18:44:16 +02:00
|
|
|
<script src="js/main.js"></script>
|
|
|
|
|
<script>
|
2021-04-03 23:33:01 +02:00
|
|
|
function isDarkMode(e) {
|
|
|
|
|
var darkMode = JSON.parse(localStorage.getItem('darkMode'));
|
|
|
|
|
|
|
|
|
|
if (darkMode === null) {
|
|
|
|
|
if (e === undefined) {
|
|
|
|
|
e = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
darkMode = e.matches === true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return darkMode;
|
|
|
|
|
}
|
|
|
|
|
|
2020-10-04 16:37:01 +02:00
|
|
|
var app = Elm.Main.init({
|
2020-10-04 20:20:16 +02:00
|
|
|
node: document.getElementById('container'),
|
2021-04-03 23:33:01 +02:00
|
|
|
flags: {
|
|
|
|
|
width: window.innerWidth,
|
|
|
|
|
height: window.innerHeight,
|
|
|
|
|
darkMode: isDarkMode(),
|
|
|
|
|
darkSetting: JSON.parse(localStorage.getItem('darkMode'))
|
|
|
|
|
}
|
2020-10-03 18:44:16 +02:00
|
|
|
});
|
2020-10-04 16:37:01 +02:00
|
|
|
|
2021-06-21 11:30:31 +02:00
|
|
|
setupApp(app);
|
2020-10-04 21:31:16 +02:00
|
|
|
|
2021-04-03 23:33:01 +02:00
|
|
|
if (app.ports !== undefined) {
|
|
|
|
|
if (app.ports.setDarkMode !== undefined) {
|
|
|
|
|
app.ports.setDarkMode.subscribe(function(arg) {
|
|
|
|
|
if (arg === null) {
|
|
|
|
|
localStorage.removeItem('darkMode');
|
|
|
|
|
} else {
|
|
|
|
|
localStorage.setItem('darkMode', arg);
|
2020-10-04 23:03:38 +02:00
|
|
|
}
|
2021-04-03 23:33:01 +02:00
|
|
|
app.ports.darkMode.send(isDarkMode());
|
2020-10-04 23:03:38 +02:00
|
|
|
});
|
2021-04-03 23:33:01 +02:00
|
|
|
}
|
2020-10-04 23:03:38 +02:00
|
|
|
}
|
2020-10-05 11:26:11 +02:00
|
|
|
|
2021-04-03 23:33:01 +02:00
|
|
|
if (app.ports !== undefined) {
|
|
|
|
|
if (app.ports.eraseVideo !== undefined) {
|
|
|
|
|
app.ports.eraseVideo.subscribe(function() {
|
|
|
|
|
window.scrollTo(0, 0);
|
|
|
|
|
lastId = undefined;
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function(e) {
|
|
|
|
|
app.ports.darkMode.send(isDarkMode(e));
|
2020-10-05 11:26:11 +02:00
|
|
|
});
|
|
|
|
|
}
|
2021-04-03 23:33:01 +02:00
|
|
|
|
2020-10-03 18:44:16 +02:00
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|
