-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
103 lines (90 loc) · 3.95 KB
/
index.html
File metadata and controls
103 lines (90 loc) · 3.95 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<meta name="theme-color" content="#E8E8E4" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="apple-mobile-web-app-title" content="Remote Arm" />
<meta name="description" content="RRPL Rocket BLE Remote Arm Terminal" />
<link rel="manifest" href="manifest.json" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Share+Tech+Mono&display=swap" rel="stylesheet" />
<title>RRPL Remote Arm</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<!-- Atmospheric layers -->
<div class="grid-overlay" aria-hidden="true"></div>
<div class="scanlines" aria-hidden="true"></div>
<div class="vignette" aria-hidden="true"></div>
<div class="terminal-frame">
<!-- ── HEADER ── -->
<header class="gs-header">
<div class="header-left">
<div class="logo-mark" aria-hidden="true">
<img src="favicon.png" alt="RRPL" width="36" height="36" />
</div>
<div class="header-title-block">
<h1 class="gs-title">RRPL REMOTE ARM</h1>
<p class="gs-subtitle">BLE CONTROL TERMINAL / v1.0</p>
</div>
</div>
<div class="header-right">
<div class="conn-badge" id="conn-badge">
<span class="conn-dot" id="conn-dot"></span>
<span class="conn-label" id="conn-label">DISCONNECTED</span>
</div>
<button class="btn-connect" id="btn-connect" aria-label="Connect to RRPL Rocket">
<span class="btn-connect-text">CONNECT</span>
<span class="btn-connect-icon" aria-hidden="true">▶</span>
</button>
</div>
</header>
<!-- ── MAIN ── -->
<main class="gs-main">
<!-- Master Status Bar -->
<section class="master-status" id="master-status" aria-label="Master arm status" role="status" aria-live="assertive">
<div class="master-dots" id="master-dots" aria-hidden="true">
<!-- 6 dots injected by JS -->
</div>
<div class="master-text">
<span class="master-count" id="master-count">0/6</span>
<span class="master-label" id="master-label">CHANNELS ARMED</span>
</div>
<p class="master-caption" id="master-caption">SYSTEM SAFE — AWAITING CONNECTION</p>
</section>
<!-- Channel Grid -->
<section class="channels-section" aria-label="Channel controls">
<div class="channels-grid" id="channels-grid">
<!-- 6 channel cards injected by JS -->
</div>
</section>
<!-- Telemetry Console -->
<section class="console-section" aria-label="Telemetry log">
<div class="console-header-bar">
<span class="console-title">TELEMETRY LOG</span>
<button class="btn-clear" id="btn-clear" aria-label="Clear log">CLR</button>
</div>
<div class="console-body" id="console-log" role="log" aria-live="polite" aria-label="Telemetry messages">
<!-- entries injected by JS -->
</div>
<div class="console-footer" aria-hidden="true">
<span class="cursor-blink">█</span>
</div>
</section>
</main>
<!-- ── FOOTER ── -->
<footer class="gs-footer" aria-label="System information">
<span class="footer-item">SVC: 4FAFC201…</span>
<span class="footer-sep" aria-hidden="true">|</span>
<span class="footer-item">DEV: RRPL ROCKET</span>
<span class="footer-sep" aria-hidden="true">|</span>
<span class="footer-item" id="footer-time">--:--:-- UTC</span>
</footer>
</div><!-- /terminal-frame -->
<script src="app.js"></script>
</body>
</html>