Add robot status feedback to field webpage

Helps a lot in debugging what the robot is doing.

Change-Id: If3aa88e004952026f4d4b4b33ecb5622fc311eec
Signed-off-by: Austin Schuh <austin.linux@gmail.com>
diff --git a/y2020/www/field.html b/y2020/www/field.html
index c75e7bf..14ebfb0 100644
--- a/y2020/www/field.html
+++ b/y2020/www/field.html
@@ -4,6 +4,53 @@
     <link rel="stylesheet" href="styles.css">
   </head>
   <body>
+    <div id="field"> </div>
+    <div id="readouts">
+      <div>
+        <div> X </div>
+        <div id="x"> NA </div>
+      </div>
+      <div>
+        <div> Y </div>
+        <div id="y"> NA </div>
+      </div>
+      <div>
+        <div> Theta </div>
+        <div id="theta"> NA </div>
+      </div>
+      <div>
+        <div> Shot Distance </div>
+        <div id="shot_distance"> NA </div>
+      </div>
+      <div>
+        <div> Finisher </div>
+        <div id="finisher"> NA </div>
+      </div>
+      <div>
+        <div> Left Accelerator </div>
+        <div id="left_accelerator"> NA </div>
+      </div>
+      <div>
+        <div> Right Accelerator </div>
+        <div id="right_accelerator"> NA </div>
+      </div>
+      <div>
+        <div> Inner Port </div>
+        <div id="inner_port"> NA </div>
+      </div>
+      <div>
+        <div> Hood </div>
+        <div id="hood"> NA </div>
+      </div>
+      <div>
+        <div> Turret </div>
+        <div id="turret"> NA </div>
+      </div>
+      <div>
+        <div> Intake </div>
+        <div id="intake"> NA </div>
+      </div>
+    </div>
   </body>
 </html>