Upload New File

このコミットが含まれているのは:
n9k 2021-04-09 17:30:11 +00:00
コミット 7e5cfa8c3c
1個のファイルの変更37行の追加0行の削除

37
templates/stream-info-iframe.html ノーマルファイル
ファイルの表示

@ -0,0 +1,37 @@
<html>
<head>
<noscript><meta http-equiv="refresh" content="20"></noscript>
<link href="/static/pure-min.css" rel="stylesheet">
<style>
html {color: white;}
#stream-title {display:inline-block;width:calc(100% - 5em);font-size:150%;font-weight: bold;}
#viewer-count-container {float:right;color:#ff8280;}
#stream-light {font-size: 200%;vertical-align: sub;margin-right:0.125em;}
#refresh-button {font-weight:bold;margin-left:0.25em;padding: 0.25em 0.375em 0.25em 0.375em;color: white;}
svg {
vertical-align:text-bottom;
fill: #ff8280;
}
img {
vertical-align: text-bottom;
}
</style>
</head>
<body>
<div style="margin: 0.5em;margin-bottom: 0;">
<div id="stream-title">{{ title }}</div>
<div id="viewer-count-container" class="red">
<div style="float:right;">
<svg width="20px" height="20px" version="1.1" viewBox="0 0 20 20" x="0px" y="0px"><g><path fill-rule="evenodd" d="M5 7a5 5 0 116.192 4.857A2 2 0 0013 13h1a3 3 0 013 3v2h-2v-2a1 1 0 00-1-1h-1a3.99 3.99 0 01-3-1.354A3.99 3.99 0 017 15H6a1 1 0 00-1 1v2H3v-2a3 3 0 013-3h1a2 2 0 001.808-1.143A5.002 5.002 0 015 7zm5 3a3 3 0 110-6 3 3 0 010 6z" clip-rule="evenodd"></path></g></svg>
<noscript><img src="data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAe1BMVEUAAAD/g3//goD/goD/goD/goD/gYD/goD/goD/goD/gID/g4H/g4D/goD/goD/goD/goD/goD/goD/goD/gYH/g4H/gX//g3//goD/gYH/hIT/goD/goD/gID/goD/goD/goD/goD/goD/gn//g4P/goD/hID/hID/goDBgARyAAAAKHRSTlMATr/198CIh/l2GndMvvPq8rl4vUF7hEbGSxuzsgaJ5u3l8awlrTo8jDgUwAAAAIZJREFUGNOVz9kWwTAQgOFpUJFQ+67aVPG//xO6aMsEF8zVnO/MKvJvJKbXHySxpQAwjOqwI+e8ZazQ4EVEPBOFGU5ExJEpnHY4Uzhv2hcsFa6w/mORrJuTNvGhWwO7/dtHhyOcnIL8XABlCYQ0Vz9Wl7q+VkDaYuDWNd0JbQavUc/8K/4WDwFjDHPCOfZuAAAAAElFTkSuQmCC"></noscript>
<span id="viewer-count">{{ viewer_count }}</span>
</div>
</div>
<div>
<span id="stream-light" style="color:{% if online %}green{% else %}red{% endif %};"></span>
<span id="stream-status">{% if online %}The stream is online.{% else %}The stream has ended.{% endif %}</span>
<a id="refresh-button" class="pure-button pure-button-primary" style="display: none;">Refresh</a>
</div>
</div>
</body>
</html>