MotorSignal-App/docs/features.html

98 lines
3.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Motorcycle Dash - Feature List</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #f4f4f4;
}
.container {
background-color: #fff;
padding: 30px;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
h1 {
color: #00bcd4;
text-align: center;
border-bottom: 2px solid #eee;
padding-bottom: 10px;
}
h2 {
color: #ff9800;
margin-top: 30px;
}
ul {
list-style-type: none;
padding: 0;
}
li {
margin-bottom: 10px;
padding-left: 25px;
position: relative;
}
li::before {
content: '🏍️';
position: absolute;
left: 0;
top: 2px;
}
.footer {
text-align: center;
margin-top: 40px;
font-size: 0.9em;
color: #777;
}
</style>
</head>
<body>
<div class="container">
<h1>Motorcycle Dash - Full Feature List</h1>
<h2>Dashboard & Telemetry</h2>
<ul>
<li><strong>Live Telemetry:</strong> Real-time speed (MPH), compass heading, and elevation tracking.</li>
<li><strong>IMU Sensors:</strong> Live visualizers for Lean Angle (Left/Right degrees) and G-Forces (Acceleration & Braking).</li>
<li><strong>Custom Layouts:</strong> Switch instantly between Sport, Touring, and Minimal dashboard layouts depending on your riding style.</li>
<li><strong>Auto-Wake:</strong> The screen stays awake automatically while a ride session is active.</li>
</ul>
<h2>Ride Tracking & History</h2>
<ul>
<li><strong>Session Recording:</strong> Track your route, trip distance, moving time, and elevation gain.</li>
<li><strong>Performance Stats:</strong> Automatically logs your Top Speed and Average Speed for every ride.</li>
<li><strong>Ride History:</strong> View past rides and review your route and metrics.</li>
<li><strong>3D Replay:</strong> Replay past rides in a 3D environment to analyze your cornering and speeds along the route.</li>
</ul>
<h2>Live Hazards & Navigation</h2>
<ul>
<li><strong>Interactive Map:</strong> View your location on the map with support for custom overlays.</li>
<li><strong>Community Traffic API:</strong> Live alerts for Police presence, Speed Cameras, and crowd-reported hazards.</li>
<li><strong>TomTom Traffic API:</strong> Live alerts for road closures, construction zones, traffic delays, and accidents.</li>
<li><strong>Visual Banners:</strong> Immersive, color-coded alert banners appear on the dashboard when approaching a hazard.</li>
<li><strong>Audio TTS Alerts:</strong> Text-To-Speech audio warnings for hazards so you can keep your eyes on the road.</li>
</ul>
<h2>Garage & Customization</h2>
<ul>
<li><strong>Virtual Garage:</strong> Add and manage multiple motorcycles in your garage.</li>
<li><strong>Bike Specs:</strong> Store the Year, Make, Model, Nickname, and specific settings for each bike.</li>
<li><strong>Sensor Calibration:</strong> Calibrate your device's mount angle directly in the app to ensure accurate lean and G-force data.</li>
</ul>
<div class="footer">
<p>Motorcycle Dash is designed for riders, by riders.</p>
</div>
</div>
</body>
</html>