38 lines
1.8 KiB
HTML
38 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>UDrone</title>
|
|
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
|
|
<link href="https://api.mapbox.com/mapbox-gl-js/v2.9.2/mapbox-gl.css" rel="stylesheet">
|
|
<script src="https://api.mapbox.com/mapbox-gl-js/v2.9.2/mapbox-gl.js"></script>
|
|
<link rel="stylesheet" href="/dist/style.css">
|
|
</head>
|
|
<body>
|
|
<!-- <iframe width="300" style="position: absolute; z-index: 99999; right: 0;" height="230" src="http://www.youtube.com/embed/yotbnhfRgMY?autoplay=1" frameborder="0" allowfullscreen></iframe> -->
|
|
<div id="ui" style="height: 200px;">
|
|
<span id="attitude"></span>
|
|
<span id="heading"></span>
|
|
<div id="data">
|
|
<div class="data_el"><strong>PI 777</strong> (<span id="status"></span>)</div>
|
|
<div class="data_el"><strong>MODE:</strong> <span id="mode" style="color: #b4abff;">manual</span></div>
|
|
<div class="data_el"><strong>ARMED:</strong> <span id="armed" style="color: #ff9797;">false</span></div>
|
|
<div class="data_el"><strong>BATT:</strong> <span id="batt" style="color: #a2ff97;">0</span>%</div>
|
|
<div class="data_el"><strong>SAT:</strong> <span id="satellites_visible" style="color: #97e6ff;">0</span></div>
|
|
</div>
|
|
</div>
|
|
<div id="contextMenu" class="context-menu" style="display: none">
|
|
<ul class="menu">
|
|
<li class="action"><a href="#">Бомбити сюди</a></li>
|
|
<li class="action"><a href="#">Дивитись туди</a></li>
|
|
</ul>
|
|
</div>
|
|
<div id="drone" style="cursor:pointer">
|
|
<span style="color: #c9003c; font-weight: bold">PI</span> <span style="color: #ffc9d9; font-weight: bold">777</span><br>
|
|
<img src="/img/drone-icon.png" width="32px" alt="">
|
|
</div>
|
|
|
|
<div id="map"></div>
|
|
<script src="./dist/bundle.js"></script>
|
|
</body>
|
|
</html> |