index.html

   1 <!-- This Source Code Form is subject to the terms of the Mozilla Public\r
   2    - License, v. 2.0. If a copy of the MPL was not distributed with this file,\r
   3    - You can obtain one at http://mozilla.org/MPL/2.0/.  -->\r
   4 \r
   5 <!DOCTYPE html>\r
   6 <html manifest="manifest.appcache">\r
   7 <head>\r
   8   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">\r
   9   <!-- try to counts default scaling on mobile, see \r
  10        https://developer.mozilla.org/en/Mobile/Viewport_meta_tag -->\r
  11   <meta name="viewport" content="width=device-width, height=device-height, initial-scale=.6667, maximum-scale=.6667">\r
  12   <title>Tricorder</title>\r
  13   <script src="js/tricorder.js"></script>\r
  14   <link rel="stylesheet" href="style/tricorder.css">\r
  15   <link rel="shortcut icon" href="style/tilex32.png" type="image/png">\r
  16 </head>\r
  17 <body id="body">\r
  18 <h1>Tricorder</h1>\r
  19 \r
  20 <div id="sidebar">\r
  21 <div id="sideTop">\r
  22 <div id="stardate">[74]</div>\r
  23 </div>\r
  24 \r
  25 <div id="sideSepTop">\r
  26 <div id="sideSepTopInsert"></div>\r
  27 </div>\r
  28 \r
  29 <div id="sideSepBottom">\r
  30 <div id="sideSepBottomInsert"></div>\r
  31 </div>\r
  32 \r
  33 <div id="sideBottom">\r
  34 <ul id="navlist">\r
  35 <li id="navPos" onclick="switchModule('Pos');">Position</li>\r
  36 <li id="navGrav" onclick="switchModule('Grav');">Gravity</li>\r
  37 <li id="navAcou" onclick="switchModule('Acou');">Acoustics</li>\r
  38 </ul>\r
  39 </div>\r
  40 \r
  41 <ul id="sideRemark">\r
  42 <li onclick="toggleFullscreen();">Full Screen</li>\r
  43 </ul>\r
  44 </div>\r
  45 \r
  46 <div id="mainarea">\r
  47 <div id="mainHeader">\r
  48 Web Tricorder\r
  49 </div>\r
  50 \r
  51 <div id="mainSepTop"></div>\r
  52 <div id="mainSepBottom"></div>\r
  53 \r
  54 <div id="mainContent">\r
  55 <section id="sectNull" class="active">\r
  56 <p>Please select a data input module from the left-side navigation.</p>\r
  57 </section>\r
  58 <section id="sectPos">\r
  59 <p id="posunavail">\r
  60 Position watching is unavailable on this tricorder device.\r
  61 <br/>Please talk to your superior officer or Starfleet contact to acquire\r
  62 a better device.\r
  63 </p>\r
  64 <div id="posavail" style="display:none">\r
  65 <table>\r
  66 <tr><td>Latitude:</td><td id="posLat">...</td></tr>\r
  67 <tr><td>Longitude:</td><td id="posLong">...</td></tr>\r
  68 <tr><td>Accuracy:</td><td id="posAcc">...</td></tr>\r
  69 <tr><td>Altitude:</td><td id="posAlt">...</td></tr>\r
  70 <tr><td>Alt. Accuracy:</td><td id="posAltAcc">...</td></tr>\r
  71 <tr><td>Heading:</td><td id="posHead">...</td></tr>\r
  72 <tr><td>Speed:</td><td id="posSpd">...</td></tr>\r
  73 <tr><td>Timestamp:</td><td id="posTime">...</td></tr>\r
  74 </table>\r
  75 </div>\r
  76 </section>\r
  77 <section id="sectGrav">\r
  78 <p id="gravunavail">\r
  79 Gravity sensors are unavailable on this tricorder device.\r
  80 <br/>Please talk to your superior officer or Starfleet contact to acquire\r
  81 a better device.\r
  82 </p>\r
  83 <div id="gravavail" style="display:none">\r
  84 <table>\r
  85 <tr><td>X:</td><td id="gravX" class="gravVal">...</td></tr>\r
  86 <tr><td>Y:</td><td id="gravY" class="gravVal">...</td></tr>\r
  87 <tr><td>Z:</td><td id="gravZ" class="gravVal">...</td></tr>\r
  88 <tr><td>Alpha:</td><td id="gravAlpha" class="gravVal">...</td></tr>\r
  89 <tr><td>Beta:</td><td id="gravBeta" class="gravVal">...</td></tr>\r
  90 <tr><td>Gamma:</td><td id="gravGamma" class="gravVal">...</td></tr>\r
  91 </table>\r
  92 </div>\r
  93 </section>\r
  94 <section id="sectAcou">\r
  95 <p>This is the main area for acoustics tricorder output.</p>\r
  96 </section>\r
  97 </div>\r
  98 \r
  99 </body>\r
 100 </html>