66 lines
1.3 KiB
HTML
66 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>GPIO Dashboard</title>
|
|
<link rel="icon" type="image/png" href="/favicon.png">
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>GPIO REALTIME DASHBOARD</h1>
|
|
|
|
<div class="grid">
|
|
|
|
<div class="card">
|
|
<h3>STATUS</h3>
|
|
<div id="status">...</div>
|
|
<div id="meta"></div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<h3>LATEST SIGNAL</h3>
|
|
<div id="latest">--</div>
|
|
<div id="bits"></div>
|
|
</div>
|
|
|
|
|
|
<div class="card wide">
|
|
<h3>CHANNEL LEVELS</h3>
|
|
|
|
<div class="progress-row">
|
|
<div class="progress-label">Канал 1</div>
|
|
<div class="progress">
|
|
<div class="fill" id="bar1"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="progress-row">
|
|
<div class="progress-label">Звук</div>
|
|
<div class="progress">
|
|
<div class="fill" id="bar2"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="progress-row">
|
|
<div class="progress-label">Высота</div>
|
|
<div class="progress">
|
|
<div class="fill" id="bar3"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="card wide">
|
|
<h3>LIVE STREAM (last 32)</h3>
|
|
<div id="history"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script src="/js/app.js"></script>
|
|
|
|
</body>
|
|
</html>
|