| <html> |
| <head> |
| <script src="field_main_bundle.min.js" defer></script> |
| <link rel="stylesheet" href="styles.css"> |
| </head> |
| <body> |
| <div id="field"> </div> |
| <div id="legend"> </div> |
| <div id="readouts"> |
| <table> |
| <tr> |
| <th colspan="2">Robot State</th> |
| </tr> |
| <tr> |
| <td>X</td> |
| <td id="x"> NA </td> |
| </tr> |
| <tr> |
| <td>Y</td> |
| <td id="y"> NA </td> |
| </tr> |
| <tr> |
| <td>Theta</td> |
| <td id="theta"> NA </td> |
| </tr> |
| </table> |
| |
| <table> |
| <tr> |
| <th colspan="2">Aiming</th> |
| </tr> |
| <tr> |
| <td>Shot distance</td> |
| <td id="shot_distance"> NA </td> |
| </tr> |
| <tr> |
| <td>Turret</td> |
| <td id="turret"> NA </td> |
| </tr> |
| </table> |
| |
| <table> |
| <tr> |
| <th colspan="2">Intakes</th> |
| </tr> |
| <tr> |
| <td>Front Intake</td> |
| <td id="front_intake"> NA </td> |
| </tr> |
| <tr> |
| <td>Back Intake</td> |
| <td id="back_intake"> NA </td> |
| </tr> |
| </table> |
| |
| <table> |
| <tr> |
| <th colspan="2">Images</th> |
| </tr> |
| <tr> |
| <td> Images Accepted </td> |
| <td id="images_accepted"> NA </td> |
| </tr> |
| <tr> |
| <td> Images Rejected </td> |
| <td id="images_rejected"> NA </td> |
| </tr> |
| </table> |
| </div> |
| <div id="vision_readouts"> |
| </div> |
| </body> |
| </html> |
| |