54 lines
2.7 KiB
HTML
54 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Dashboard Overview - konn3kt Documentation</title>
|
|
<link rel="stylesheet" href="assets/style.css">
|
|
</head>
|
|
<body>
|
|
<div class="layout">
|
|
<main class="main-content">
|
|
<header class="page-header">
|
|
<h1 class="page-title">Dashboard Overview</h1>
|
|
<p class="page-subtitle">Manage all your IQ.Pilot devices from one place.</p>
|
|
</header>
|
|
|
|
<section>
|
|
<h2>The Device Grid</h2>
|
|
<p>The Dashboard is designed for high-density information display. Each card in the grid represents an IQ.Pilot device paired to your account.</p>
|
|
|
|
<div class="card-grid">
|
|
<div class="card">
|
|
<h3>Device Identity</h3>
|
|
<p>Shows the <strong>Alias</strong> (which you can change in settings) and the unique 16-character <strong>Dongle ID</strong>.</p>
|
|
</div>
|
|
<div class="card">
|
|
<h3>Live Status</h3>
|
|
<p>An <strong>Online/Offline</strong> badge pulses when the device is active. You can also see the current <strong>IQ.Pilot version</strong> and hardware <strong>Maker</strong> (for example, Comma or other supported clone hardware).</p>
|
|
</div>
|
|
<div class="card">
|
|
<h3>Location Snapshot</h3>
|
|
<p>If GPS data is available, a mini-map shows the device's last known location with a precise timestamp.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Quick Actions</h2>
|
|
<ul class="step-list">
|
|
<li><strong>Enter Device:</strong> Click anywhere on a device card to open its full <strong>Device Overview</strong>.</li>
|
|
<li><strong>Add Device:</strong> Use the <strong>+ Pair Device</strong> button to link new hardware.</li>
|
|
<li><strong>Search:</strong> Use the search bar (if available) to filter your devices by name or Dongle ID.</li>
|
|
</ul>
|
|
|
|
<div class="callout">
|
|
<strong>📱 Mobile Users:</strong> The dashboard experience is heavily optimized for your phone. Check out the <a href="mobile-interface.html">Mobile Interface Guide</a> to see how the Home screen acts as your mobile command center.
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
<script src="assets/nav.js"></script>
|
|
</body>
|
|
</html>
|