mirror of
https://github.com/dragonpilot/dragonpilot.git
synced 2026-07-15 18:02:05 +08:00
Vehicle Researcher
6adb63b915
date: 2026-06-04T09:49:56 master commit: c0ab3550eca2e9daf197c46b7e4b24aa9637cf2e
61 lines
3.0 KiB
HTML
61 lines
3.0 KiB
HTML
<html>
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>commabody</title>
|
|
<link rel="stylesheet" href="/static/main.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/css/bootstrap.min.css" integrity="sha512-SbiR/eusphKoMVVXysTKG/7VseWii+Y3FdHrt0EpKgpToZeemhqHeZeLWLhJutz/2ut2Vw1uQEj2MbRF+TVBUA==" crossorigin="anonymous" referrerpolicy="no-referrer" /><script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/js/bootstrap.min.js" integrity="sha512-1/RvZTcCDEUjY/CypiMz+iqqtaoQfAITmNSJY17Myp4Ms5mdxPS5UV7iOfdZoxcGhzFbOm6sntTKJppjvuhg4g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js@^3"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/moment@^2"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-moment@^1"></script>
|
|
</head>
|
|
<body>
|
|
<div id="main">
|
|
<p class="jumbo">comma body</p>
|
|
<video id="video" playsinline autoplay muted loop poster="/static/poster.png"></video>
|
|
<div class="row" style="width: 100%; padding: 10px 10px 0px 10px;">
|
|
<div id="wasd" class="col-md-12 row">
|
|
<div class="col-md-6 col-sm-12" style="justify-content: center; display: flex; flex-direction: column;">
|
|
<div class="wasd-row">
|
|
<div class="keys" id="key-w">W</div>
|
|
</div>
|
|
<div class="wasd-row">
|
|
<div class="keys" id="key-a">A</div>
|
|
<div class="keys" id="key-s">S</div>
|
|
<div class="keys" id="key-d">D</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="icon-panel" class="row" style="width: 100%; padding: 0px 10px 0px 10px;">
|
|
<div class="col-12 details">
|
|
<div class="icon-sup-panel col-12">
|
|
<div class="icon-sub-panel">
|
|
<div class="icon-sub-sub-panel">
|
|
<i id="ping-time" class="pre-blob1">-</i>
|
|
</div>
|
|
<p class="bi bi-arrow-repeat small"> ping time</p>
|
|
</div>
|
|
<div class="icon-sub-panel">
|
|
<div class="icon-sub-sub-panel">
|
|
<i id="battery" class="pre-blob1">-</i>
|
|
</div>
|
|
<p class="bi bi-battery-half small"> battery</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" style="padding: 0px 10px 0px 10px; width: 100%;">
|
|
<div class="panel row">
|
|
<div class="col-sm-6"><canvas id="chart-ping"></canvas></div>
|
|
<div class="col-sm-6"><canvas id="chart-battery"></canvas></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="/static/js/jsmain.js" type="module"></script>
|
|
</body>
|
|
</html>
|