lvkun0223
diff --git a/‎samples/parrot-ar-drone/index.html‎
Lines changed: 26 additions & 6 deletions b/‎samples/parrot-ar-drone/index.html‎
Lines changed: 26 additions & 6 deletions
@@ -8,13 +8,33 @@
 <body>
 
   <h1>AR.Drone 2.0</h1>
-  <p id="message">Connect to the AR.Drone's Wifi network. Then press A
+  <p id="message">Connect to the AR.Drone's Wifi network. Then press X
     on your gamepad to get started.</p>
-  <p id="instructions">
-    <strong>Left shoulder button:</strong> Land<br/>
-    <strong>Right shoulder button:</strong> Take off<br/>
-    <strong>Left stick:</strong> move<br/>
-    <strong>Right stick:</strong> rotate left-right / raise and lower<br/></p>
+  <div id="instructions">
+    <h3>Instructions</h3>
+    <span><strong>X button:</strong> Connect to drone</span>
+    <span><strong>O button:</strong> Land / TakeOff</span>
+    <span><strong>□ button:</strong> Flat</span>
+    <span><strong>∆ button:</strong> Flip</span>
+    <span><strong>Left stick:</strong> Move</span>
+    <span><strong>Right stick:</strong> Rotate left-right / raise and lower</span>
+    <span><strong>Left shoulder button:</strong> Emergency</span>
+    <span><strong>Select button:</strong> Shutdown</span>
+  </div>
+  <div id="state">
+    <h3>Drone states</h3>
+    <span><strong>drone state:</strong><label id="droneState">?</label></span>
+    <span><strong>vison flag:</strong><label id="visonFlag">?</label></span>
+    <span><strong>control state:</strong><label id="controlState">?</label></span>
+    <span><strong>battery%:</strong><label id="batteryPercentage">?</label></span>
+    <span><strong>theta:</strong><label id="theta">?</label></span>
+    <span><strong>phi:</strong><label id="phi">?</label></span>
+    <span><strong>psi:</strong><label id="psi">?</label></span>
+    <span><strong>altitude:</strong><label id="altitude">?</label></span>
+    <span><strong>vx:</strong><label id="vx">?</label></span>
+    <span><strong>vy:</strong><label id="vy">?</label></span>
+    <span><strong>vz:</strong><label id="vz">?</label></span>
+  </div>
 
   <div id="commands">
     <h2>Command log</h2>