Dávid Ádám
38 lines
1.3 KiB
HTML
38 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, viewport-fit=cover">
|
||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
<meta name="mobile-web-app-capable" content="yes">
|
||
<title>StreamDeck</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<div id="app">
|
||
<!-- Page indicator / header -->
|
||
<div id="header">
|
||
<span id="ws-status" class="ws-offline">●</span>
|
||
<span id="page-title"></span>
|
||
<button id="fullscreen-btn">⛶</button>
|
||
</div>
|
||
|
||
<!-- Button grid with arrow overlays -->
|
||
<div id="grid-wrapper">
|
||
<div id="grid"></div>
|
||
<button id="nav-prev" class="nav-arrow">‹</button>
|
||
<button id="nav-next" class="nav-arrow">›</button>
|
||
</div>
|
||
|
||
<!-- Page navigation dots -->
|
||
<div id="nav"></div>
|
||
|
||
<!-- Page indicator text -->
|
||
<div id="page-indicator"></div>
|
||
</div>
|
||
|
||
<div id="debug-overlay" style="display:none; position:fixed; bottom:0; left:0; right:0; background:rgba(0,0,0,0.85); color:#0f0; font:11px monospace; padding:6px; max-height:80px; overflow-y:auto; z-index:999; pointer-events:none;"></div>
|
||
<script src="app.js"></script>
|
||
</body>
|
||
</html>
|