48 行
2.3 KiB
HTML
48 行
2.3 KiB
HTML
{##
|
|
# SPDX-FileCopyrightText: 2022 n9k [https://git.076.ne.jp/ninya9k]
|
|
# SPDX-License-Identifier: AGPL-3.0-or-later
|
|
##}
|
|
<!doctype html>
|
|
<html id="nochat">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="content-security-policy" content="default-src 'none'; connect-src 'self'; img-src 'self'; frame-src 'self'; media-src 'self'; script-src 'self'; style-src 'self' 'nonce-{{ csp }}';">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" type="text/css">
|
|
</head>
|
|
<body id="both" data-token="{{ user.token }}" data-token-hash="{{ user.token_hash }}" data-csp="{{ csp }}">
|
|
<article id="stream">
|
|
<noscript><iframe id="stream_nojs" name="stream_nojs" src="{{ url_for('nojs_stream', token=user.token) }}"></iframe></noscript>
|
|
</article>
|
|
<article id="info">
|
|
<noscript><iframe id="info_nojs" src="{{ url_for('nojs_info', token=user.token) }}" data-js="false"></iframe></noscript>
|
|
</article>
|
|
<aside id="chat">
|
|
<input id="chat__toggle" type="checkbox">
|
|
<header id="chat__header">
|
|
<label id="chat__header__button" for="chat__toggle">Users</label>
|
|
<h3 id="chat__header__text">Stream chat</h3>
|
|
</header>
|
|
<article id="chat__body">
|
|
<section id="chat__body__messages">
|
|
<noscript><iframe id="chat-messages_nojs" src="{{ url_for('nojs_chat_messages', token=user.token, _anchor='end') }}" data-js="false"></iframe></noscript>
|
|
</section>
|
|
<section id="chat__body__users">
|
|
<header id="chat-users-header"><h4>Users in chat</h4></header>
|
|
<noscript><iframe id="chat-users_nojs" src="{{ url_for('nojs_chat_users', token=user.token) }}" data-js="false"></iframe></noscript>
|
|
</section>
|
|
</article>
|
|
<section id="chat__form">
|
|
<noscript><iframe id="chat-form_nojs" src="{{ url_for('nojs_chat_form', token=user.token) }}" data-js="false"></iframe></noscript>
|
|
</section>
|
|
</aside>
|
|
<nav id="nav">
|
|
<a href="#info">info</a>
|
|
<a href="#chat">chat</a>
|
|
<a href="#both">both</a>
|
|
</nav>
|
|
<footer>anonstream pre-1.0.0 — <a href="https://git.076.ne.jp/ninya9k/anonstream" target="_blank">source</a></footer>
|
|
<script src="{{ url_for('static', filename='anonstream.js') }}" type="text/javascript"></script>
|
|
</body>
|
|
</html>
|