41 行
841 B
HTML
41 行
841 B
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="refresh" content="12">
|
|
<style>
|
|
body {
|
|
overflow-y: auto;
|
|
margin: 0.75ch 1.25ch;
|
|
font-family: sans-serif;
|
|
color: #ddd;
|
|
}
|
|
#float {
|
|
float: right;
|
|
font-size: 11pt;
|
|
display: grid;
|
|
grid-auto-flow: column;
|
|
grid-gap: 2.5ch;
|
|
}
|
|
#float__uptime {
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
#title > h1 {
|
|
margin: 0;
|
|
font-size: 18pt;
|
|
line-height: 1.125;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
{% if uptime is not none %}
|
|
<aside id="float">
|
|
<div id="float__viewership">{{ viewership }} viewers</div>
|
|
<div id="float__uptime">{{ uptime }}</div>
|
|
</aside>
|
|
{% endif %}
|
|
<header id="title"><h1>{{ title }}</h1></header>
|
|
</body>
|
|
</html>
|