anonstream/anonstream/templates/nojs_info.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>
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">`
Keep track of stream viewership (number of viewers) 2022-02-26 08:06:36 +09:00			`<meta http-equiv="refresh" content="12">`
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;`
			`}`
			`#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">`
			`<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>`