You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
80 lines
2.7 KiB
HTML
80 lines
2.7 KiB
HTML
<div class="tab-initial_setup">
|
|
<div class="section">
|
|
<a class="calibrateAccel" href="#">Calibrate Accelerometer</a>
|
|
<p>
|
|
Place frame on a <strong style="color: green;">level</strong> surface, proceed with calibration, ensure it is <strong style="color: red;">not</strong> moving during this period.
|
|
</p>
|
|
</div>
|
|
<div class="section">
|
|
<a class="calibrateMag" href="#">Calibrate Magnetometer</a>
|
|
<p>
|
|
Click the button, move multirotor atleast <strong>360</strong> degrees on all axis of rotation. <br />
|
|
You have <strong style="color: red;">30 seconds</strong> to perform this task.
|
|
</p>
|
|
</div>
|
|
<div class="section">
|
|
<a class="resetSettings" href="#">Reset Settings</a>
|
|
<p>
|
|
Reset <span style="color: red">all</span> settings to <strong>default</strong>
|
|
</p>
|
|
</div>
|
|
<div id="interactive_block">
|
|
<a class="reset" href="#" title="Reset Z">Reset Z axis</a>
|
|
<div id="perspective">
|
|
<div id="cube">
|
|
<div id="cubePITCH">
|
|
<div id="cubeROLL">
|
|
<div class="face one">BOTTOM</div>
|
|
<div class="face two">BACK</div>
|
|
<div class="face three">RIGHT</div>
|
|
<div class="face four">FRONT</div>
|
|
<div class="face five">LEFT</div>
|
|
<div class="face six">TOP</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="GPS_info">
|
|
<span class="head">GPS</span>
|
|
<table>
|
|
<tr>
|
|
<td style="width: 90px;">Altitude:</td>
|
|
<td class="alt">0</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Latitude:</td>
|
|
<td class="lat">0</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Longitude:</td>
|
|
<td class="lon">0</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Speed:</td>
|
|
<td class="speed">0</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Sats:</td>
|
|
<td class="sats">0</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Dist to Home:</td>
|
|
<td class="distToHome">0</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="compass-wrapper">
|
|
<div id="compass">
|
|
<span>N</span>
|
|
<span>E</span>
|
|
<span>S</span>
|
|
<span>W</span>
|
|
<div class="pointer">
|
|
<span class="tip"></span>
|
|
<span class="stick"></span>
|
|
</div>
|
|
<div class="value"></div>
|
|
</div>
|
|
</div>
|
|
</div> |