anonstream/anonstream/templates/nojs_info.html

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="refresh" content="6">
  <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__form {
      display: block;
      margin: 0;
    }
    #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">
      {% 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 %}
      <div id="float__viewership">{{ viewership }} viewers</div>
      <div id="float__uptime">{{ uptime }}</div>
    </aside>
  {% endif %}
  <header id="title"><h1>{{ title }}</h1></header>
</body>
</html>
Initial noscript markup for chat form & stream info Use with-user decorator on routes (instead of with-token) 2022-02-14 19:16:09 +09:00			`<!doctype html>`
			`<html>`
			`<head>`
			`<meta charset="utf-8">`
Add meta viewport tags 2022-03-03 19:38:55 +09:00			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
Add nojs 'Reload stream' button The nojs button appears when the stream is online and the user is not watching. The js button appears when the stream is online and the media element either (1) is not using the network or (2) fires an error event. 2022-03-02 19:13:07 +09:00			`<meta http-equiv="refresh" content="6">`
Initial noscript markup for chat form & stream info Use with-user decorator on routes (instead of with-token) 2022-02-14 19:16:09 +09:00			`<style>`
			`body {`
Add color input to nojs form 2022-02-16 19:30:00 +09:00			`overflow-y: auto;`
Keep track of stream viewership (number of viewers) 2022-02-26 08:06:36 +09:00			`margin: 0.75ch 1.25ch;`
Nojs chat, store all user names/colors in js, forget about inactive users Project structure evolving a bit 2022-02-16 18:55:30 +09:00			`font-family: sans-serif;`
Limit info height to max for viewport in mobile view Remove padding around non-tripcode tripcode in the nojs chat form 2022-02-17 06:34:31 +09:00			`color: #ddd;`
Initial noscript markup for chat form & stream info Use with-user decorator on routes (instead of with-token) 2022-02-14 19:16:09 +09:00			`}`
Keep track of stream viewership (number of viewers) 2022-02-26 08:06:36 +09:00			`#float {`
Show and update stream uptime in js 2022-02-22 19:36:59 +09:00			`float: right;`
			`font-size: 11pt;`
Keep track of stream viewership (number of viewers) 2022-02-26 08:06:36 +09:00			`display: grid;`
			`grid-auto-flow: column;`
			`grid-gap: 2.5ch;`
			`}`
Add nojs 'Reload stream' button The nojs button appears when the stream is online and the user is not watching. The js button appears when the stream is online and the media element either (1) is not using the network or (2) fires an error event. 2022-03-02 19:13:07 +09:00			`#float__form {`
			`display: block;`
			`margin: 0;`
			`}`
Keep track of stream viewership (number of viewers) 2022-02-26 08:06:36 +09:00			`#float__uptime {`
			`font-variant-numeric: tabular-nums;`
Show and update stream uptime in js 2022-02-22 19:36:59 +09:00			`}`
			`#title > h1 {`
			`margin: 0;`
Initial noscript markup for chat form & stream info Use with-user decorator on routes (instead of with-token) 2022-02-14 19:16:09 +09:00			`font-size: 18pt;`
Get stream title from disk By default from `title.txt`. Also replace newlines with spaces when setting the title in js, for parity with the nojs info iframe. 2022-02-22 19:43:09 +09:00			`line-height: 1.125;`
Limit info height to max for viewport in mobile view Remove padding around non-tripcode tripcode in the nojs chat form 2022-02-17 06:34:31 +09:00			`overflow-wrap: anywhere;`
Initial noscript markup for chat form & stream info Use with-user decorator on routes (instead of with-token) 2022-02-14 19:16:09 +09:00			`}`
			`</style>`
			`</head>`
			`<body>`
Keep track of stream viewership (number of viewers) 2022-02-26 08:06:36 +09:00			`{% if uptime is not none %}`
			`<aside id="float">`
Add nojs 'Reload stream' button The nojs button appears when the stream is online and the user is not watching. The js button appears when the stream is online and the media element either (1) is not using the network or (2) fires an error event. 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 %}`
Keep track of stream viewership (number of viewers) 2022-02-26 08:06:36 +09:00			`<div id="float__viewership">{{ viewership }} viewers</div>`
			`<div id="float__uptime">{{ uptime }}</div>`
			`</aside>`
			`{% endif %}`
Show and update stream uptime in js 2022-02-22 19:36:59 +09:00			`<header id="title"><h1>{{ title }}</h1></header>`
Initial noscript markup for chat form & stream info Use with-user decorator on routes (instead of with-token) 2022-02-14 19:16:09 +09:00			`</body>`
			`</html>`