43 lines
1.7 KiB
HTML
43 lines
1.7 KiB
HTML
<!doctype html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="color-scheme" content="dark">
|
|
<meta name="theme-color" content="#101714">
|
|
<title>Домовой - чат</title>
|
|
<link rel="stylesheet" href="/assets/chat.css">
|
|
</head>
|
|
<body>
|
|
<main class="chat-shell">
|
|
<section id="login-view" class="login-panel">
|
|
<div class="brand-mark" aria-hidden="true">Д</div>
|
|
<h1>Домовой</h1>
|
|
<form id="login-form" class="login-form">
|
|
<label for="username">Логин</label>
|
|
<input id="username" autocomplete="username" required autofocus>
|
|
<label for="password">Пароль</label>
|
|
<input id="password" type="password" autocomplete="current-password" required>
|
|
<button type="submit">Войти</button>
|
|
<p id="login-error" role="alert"></p>
|
|
</form>
|
|
</section>
|
|
|
|
<section id="chat-view" class="chat-view" hidden>
|
|
<header class="chat-header">
|
|
<a href="/" aria-label="Консоль создателя">Домовой</a>
|
|
<span id="active-focus">фокус: не выбран</span>
|
|
<span id="session-state">сессия активна</span>
|
|
<button id="logout" type="button" aria-label="Выйти">↗</button>
|
|
</header>
|
|
<div id="messages" class="messages" aria-live="polite"></div>
|
|
<form id="chat-form" class="composer">
|
|
<textarea id="message" rows="3" maxlength="16384" placeholder="Напишите Домовому обычное сообщение..." required></textarea>
|
|
<button id="send" type="submit">Отправить</button>
|
|
</form>
|
|
</section>
|
|
</main>
|
|
<script src="/assets/chat.js"></script>
|
|
</body>
|
|
</html>
|