50 lines
2.2 KiB
HTML
50 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>CoRE.Vizion+ — Live view</title>
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
</head>
|
|
<body data-page="live">
|
|
<div class="layout">
|
|
<aside>
|
|
<a class="nav-item active" href="/" data-nav="live"><span class="ico">▦</span>Live view</a>
|
|
<a class="nav-item" href="/archive" data-nav="archive"><span class="ico">🗄</span>Архив</a>
|
|
<div class="aside-spacer"></div>
|
|
<a class="nav-item" href="/settings" data-nav="settings"><span class="ico">⚙</span>Настройки</a>
|
|
</aside>
|
|
|
|
<main id="live-main">
|
|
<div class="grid g4" id="grid"></div>
|
|
<footer class="grid-bar" id="grid-bar">
|
|
<div class="gb-left"></div>
|
|
<div class="gb-center">
|
|
<button class="gb-btn" id="gb-prev" title="Предыдущая страница" aria-label="Предыдущая страница">⏮</button>
|
|
<button class="gb-btn gb-play" id="gb-play" title="Просмотр / стоп" aria-label="Просмотр / стоп">⏸</button>
|
|
<button class="gb-btn" id="gb-next" title="Следующая страница" aria-label="Следующая страница">⏭</button>
|
|
</div>
|
|
<div class="gb-right">
|
|
<div class="gb-split">
|
|
<button class="gb-btn" id="gb-split" title="Раскладка сетки" aria-label="Раскладка сетки">▦</button>
|
|
<div class="gb-split-menu" id="gb-split-menu">
|
|
<button data-grid="1">1</button>
|
|
<button data-grid="2">4</button>
|
|
<button data-grid="3">9</button>
|
|
<button data-grid="4">16</button>
|
|
<button data-grid="5">25</button>
|
|
<button data-grid="6">36</button>
|
|
<button data-grid="7">49</button>
|
|
<button data-grid="8">64</button>
|
|
</div>
|
|
</div>
|
|
<button class="gb-btn" id="gb-fs" title="Полный экран" aria-label="Полный экран">⛶</button>
|
|
</div>
|
|
</footer>
|
|
</main>
|
|
</div>
|
|
|
|
<script src="/static/app.js"></script>
|
|
</body>
|
|
</html>
|