2022-02-14 19:16:09 +09:00
|
|
|
<!doctype html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
2022-03-02 19:13:07 +09:00
|
|
|
<meta http-equiv="refresh" content="6">
|
2022-02-14 19:16:09 +09:00
|
|
|
<style>
|
|
|
|
body {
|
2022-02-16 19:30:00 +09:00
|
|
|
overflow-y: auto;
|
2022-02-26 08:06:36 +09:00
|
|
|
margin: 0.75ch 1.25ch;
|
2022-02-16 18:55:30 +09:00
|
|
|
font-family: sans-serif;
|
2022-02-17 06:34:31 +09:00
|
|
|
color: #ddd;
|
2022-02-14 19:16:09 +09:00
|
|
|
}
|
2022-02-26 08:06:36 +09:00
|
|
|
#float {
|
2022-02-22 19:36:59 +09:00
|
|
|
float: right;
|
|
|
|
font-size: 11pt;
|
2022-02-26 08:06:36 +09:00
|
|
|
display: grid;
|
|
|
|
grid-auto-flow: column;
|
|
|
|
grid-gap: 2.5ch;
|
|
|
|
}
|
2022-03-02 19:13:07 +09:00
|
|
|
#float__form {
|
|
|
|
display: block;
|
|
|
|
margin: 0;
|
|
|
|
}
|
2022-02-26 08:06:36 +09:00
|
|
|
#float__uptime {
|
|
|
|
font-variant-numeric: tabular-nums;
|
2022-02-22 19:36:59 +09:00
|
|
|
}
|
|
|
|
#title > h1 {
|
|
|
|
margin: 0;
|
2022-02-14 19:16:09 +09:00
|
|
|
font-size: 18pt;
|
2022-02-22 19:43:09 +09:00
|
|
|
line-height: 1.125;
|
2022-02-17 06:34:31 +09:00
|
|
|
overflow-wrap: anywhere;
|
2022-02-14 19:16:09 +09:00
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
2022-02-26 08:06:36 +09:00
|
|
|
{% if uptime is not none %}
|
|
|
|
<aside id="float">
|
2022-03-02 19:13:07 +09:00
|
|
|
{% if user.presence != Presence.WATCHING %}
|
|
|
|
<form id="float__form" action="{{ url_for('nojs_stream') }}" target="stream_nojs">
|
|
|
|
<input type="hidden" name="token" value="{{ user.token }}">
|
|
|
|
<input type="submit" value="Reload stream">
|
|
|
|
</form>
|
|
|
|
{% endif %}
|
2022-02-26 08:06:36 +09:00
|
|
|
<div id="float__viewership">{{ viewership }} viewers</div>
|
|
|
|
<div id="float__uptime">{{ uptime }}</div>
|
|
|
|
</aside>
|
|
|
|
{% endif %}
|
2022-02-22 19:36:59 +09:00
|
|
|
<header id="title"><h1>{{ title }}</h1></header>
|
2022-02-14 19:16:09 +09:00
|
|
|
</body>
|
|
|
|
</html>
|