elm-twitch/index.html

70 lines
2.3 KiB
HTML
Raw Permalink Normal View History

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">
2021-12-09 17:34:53 +01:00
<link rel="icon" type="image/ico" href="favicon.ico"/>
2020-10-03 18:44:16 +02:00
</head>
<body>
<div id="container"></div>
2021-12-09 17:34:53 +01:00
<script src="js/polymny-video-elm.min.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 15:16:58 +02:00
PolymnyVideo.setup(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>