web/gui.html

   1 <!DOCTYPE html>
   2 <html>
   3         <head>
   4                 <title> MCTX3420 Test GUI </title>
   5                 <!-- Store all scripts locally (just in case there is an apocalypse) -->
   6                 <script type="text/javascript" src="jquery-1.10.1.min.js"></script>
   7                 <script type="text/javascript" src="jquery.flot.min.js"></script>
   8                 <script type="text/javascript" src="gui.js"></script>
   9
  10                 <!-- Styles -->
  11                 <link href="styles.css" rel="stylesheet" type="text/css">
  12
  13         </head>
  14 <body>
  15
  16 <!-- Header -->
  17
  18 <h1 id=heading>MCTX3420 Test GUI</h1>
  19 <div id=header> </div>
  20
  21 <button id=camera onclick="window.open('stream.html')">Image Stream</button>
  22
  23 <div id=plots width=100%> <!-- Plots go here --> </div>
  24
  25 <div id=controls> <!-- Actuators go here --> </div>
  26
  27 <div id=footer> </div>
  28
  29 </body>
  30 </html>