60 lines
2.9 KiB
HTML
60 lines
2.9 KiB
HTML
<!doctype html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Shooting word</title>
|
||
<link rel="stylesheet" href="style.css" />
|
||
</head>
|
||
<body>
|
||
<div id="game-container">
|
||
<div id="channel-form">
|
||
<div class="screen-title">SHOOTING WORD</div>
|
||
<div class="screen-subtitle">Введите имя канала для игры</div>
|
||
<input type="text" id="channel-input" placeholder="Ku6ep_XBOCTuK" autofocus />
|
||
<div id="settings-panel">
|
||
<div class="settings-row">
|
||
<label class="settings-label">
|
||
<input type="checkbox" id="opt-single-play" /> Скрывать игру после поражения
|
||
</label>
|
||
<button type="button" class="hint-toggle">?</button>
|
||
</div>
|
||
<div class="settings-hints hidden">
|
||
<div class="settings-hint">С включенной галочкой игра скроется после одной партии.</div>
|
||
<div class="settings-hint">
|
||
В OBS для этого источника нужно включить «Отключать источник, когда он не виден»
|
||
</div>
|
||
<div class="settings-hint">Чтобы запустить игру заново, скройте и снова покажите источник.</div>
|
||
<div class="settings-hint">Можно автоматизировать через Streamer.bot.</div>
|
||
</div>
|
||
</div>
|
||
<div class="btn-row">
|
||
<button id="open-btn" class="btn-primary">ОТКРЫТЬ В БРАУЗЕРЕ</button>
|
||
<button id="copy-btn" class="btn-primary">СКОПИРОВАТЬ ССЫЛКУ</button>
|
||
</div>
|
||
<div id="game-link"></div>
|
||
<div class="obs-note">
|
||
Открой ссылку в браузере<br />
|
||
Или вставь ссылку в OBS как источник браузера<br />
|
||
Желательно высоту побольше<br />
|
||
</div>
|
||
<div class="links-row">
|
||
<a href="https://github.com/Ku6epXBOCTuK/shooting-word-html" target="_blank" class="page-link">
|
||
<svg class="link-icon"><use href="img/sprite.svg#icon-github" /></svg>
|
||
GitHub
|
||
</a>
|
||
<a href="https://github.com/Ku6epXBOCTuK/shooting-word-html/issues" target="_blank" class="page-link">
|
||
<svg class="link-icon"><use href="img/sprite.svg#icon-github" /></svg>
|
||
Увидели ошибку? Пиши сюда
|
||
</a>
|
||
<a href="https://www.twitch.tv/ku6ep_xboctuk" target="_blank" class="page-link">
|
||
<svg class="link-icon"><use href="img/sprite.svg#icon-twitch" /></svg>
|
||
Twitch
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="js/index.js"></script>
|
||
</body>
|
||
</html>
|