IQ.Lvbs/konn3kt-docs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit: konn3kt docs

Browse Source
This commit is contained in:
teal
2026-06-21 13:44:14 -05:00
commit f291818b3c
63 changed files with 2068 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
device-overview.html Normal file
View File

@@ -0,0 +1,90 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Device 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">Device Overview</h1>
<p class="page-subtitle">Real-time health, statistics, and activity tracking for your IQ.Pilot device.</p>
</header>
<section>
<h2>Real-Time Metrics</h2>
<p>The Overview dashboard provides a high-fidelity look at your vehicle's current state and your hardware's health.</p>
<div class="card-grid">
<div class="card">
<h3>Fuel / Energy</h3>
<p>A live gauge of your fuel tank or EV battery. It displays the remaining volume (e.g., "5 Liters") and status (e.g., "Offroad").</p>
</div>
<div class="card">
<h3>Car Battery</h3>
<p>Displays the voltage of your vehicle's 12V system. If the car is off, it may show "USB Power" or a standby voltage (e.g., "5.0V").</p>
</div>
<div class="card">
<h3>Hardware Temp</h3>
<p>Monitor the CPU temperature (e.g., "44°C") to ensure optimal performance and prevent hardware throttling.</p>
</div>
<div class="card">
<h3>Storage & Network</h3>
<p>Track "Free Space" (e.g., "11%") and your current connection type (e.g., "WiFi Connected").</p>
</div>
</div>
</section>
<section>
<h2>Performance Stats</h2>
<div class="card-grid">
<div class="card">
<h3 style="color: #10b981;">Total Miles</h3>
<p style="font-size: 1.5rem; font-weight: 800; color: #fff; margin-bottom: 0;">10,356</p>
</div>
<div class="card">
<h3 style="color: #3b82f6;">Total Drives</h3>
<p style="font-size: 1.5rem; font-weight: 800; color: #fff; margin-bottom: 0;">589</p>
</div>
<div class="card">
<h3 style="color: #a855f7;">Total Hours</h3>
<p style="font-size: 1.5rem; font-weight: 800; color: #fff; margin-bottom: 0;">294</p>
</div>
</div>
</section>
<section>
<h2>Weekly Activity</h2>
<p>The <strong>Weekly Activity</strong> chart visualizes your driving frequency. It maps "Miles Driven" across the week, helping you understand your vehicle's usage trends at a glance.</p>
</section>
<section>
<h2>The Drives List</h2>
<p>All recorded trips are listed at the bottom of the overview. Each entry is a self-contained summary of a drive.</p>
<div class="button-desc">
<div class="btn-pill">START / END</div>
<p>Displays the date and time of the drive, the distance covered, and the duration. The icon on the left indicates if the route has GPS data.</p>
</div>
<div class="button-desc">
<div class="btn-pill">Arrow Icon (>)</div>
<p>Located on the far right of each drive entry. Click this to transition into the <strong>Drive Playback</strong> view for deep analysis of that specific route.</p>
</div>
<div class="callout">
<strong>Filtering:</strong> Use the tabs above the list to filter by <strong>All</strong>, <strong>Preserved</strong> (trips you've starred), or <strong>Has Video</strong>.
</div>
<div class="callout">
<strong>📱 Mobile Users:</strong> Need to check your stats on the go? See how the <a href="mobile-interface.html">Mobile Device Stats</a> view breaks down this exact data for your phone.
</div>
</section>
</main>
</div>
<script src="assets/nav.js"></script>
</body>
</html>