index.html

   1 <!-- This Source Code Form is subject to the terms of the Mozilla Public
   2    - License, v. 2.0. If a copy of the MPL was not distributed with this file,
   3    - You can obtain one at http://mozilla.org/MPL/2.0/.  -->
   4
   5 <!DOCTYPE html>
   6 <html manifest="manifest.appcache">
   7 <head>
   8   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   9   <!-- try to counts default scaling on mobile, see
  10        https://developer.mozilla.org/en/Mobile/Viewport_meta_tag -->
  11   <meta name="viewport" content="width=device-width, height=device-height">
  12   <title>Tricorder</title>
  13   <script src="js/tricorder.js"></script>
  14   <link rel="stylesheet" href="style/tricorder.css">
  15   <link rel="shortcut icon" href="style/tilex32.png" type="image/png">
  16 </head>
  17 <body id="body">
  18 <h1>Tricorder</h1>
  19
  20 <div id="sidebar">
  21 <div id="sideTop">
  22 <div id="stardate">[74]</div>
  23 </div>
  24
  25 <div id="sideSepTop">
  26 <div id="sideSepTopInsert"></div>
  27 </div>
  28
  29 <div id="sideSepBottom">
  30 <div id="sideSepBottomInsert"></div>
  31 </div>
  32
  33 <div id="sideBottom">
  34 <ul id="navlist">
  35 <li id="navPos">Position</li>
  36 <li id="navGrav">Gravity</li>
  37 <li id="navSound">Sound</li>
  38 <li id="navDev">Device</li>
  39 <li id="navOther">Other</li>
  40 </ul>
  41 </div>
  42
  43 <ul id="sideRemark">
  44 <li id="fullScreenButton">Full Screen</li>
  45 </ul>
  46 </div>
  47
  48 <div id="mainarea">
  49 <div id="mainHeader">
  50 Web Tricorder
  51 </div>
  52
  53 <div id="mainSepTop"></div>
  54 <div id="mainSepBottom"></div>
  55
  56 <div id="mainContent">
  57 <section id="sectNull" class="active">
  58 <p>Please select a data input module from the left-side navigation.</p>
  59 </section>
  60
  61 <section id="sectPos">
  62 <p id="posunavail">
  63 Position watching is unavailable on this tricorder device.
  64 <br/>Please talk to your superior officer or Starfleet contact to acquire
  65 a better device.
  66 </p>
  67 <div id="posavail" style="display:none">
  68 <table>
  69 <tr><td>Latitude:</td><td id="posLat" class="posVal">...</td></tr>
  70 <tr><td>Longitude:</td><td id="posLong" class="posVal">...</td></tr>
  71 <tr><td>Accuracy:</td><td id="posAcc" class="posVal">...</td></tr>
  72 <tr><td>Altitude:</td><td id="posAlt" class="posVal">...</td></tr>
  73 <tr><td>Alt. Accuracy:</td><td id="posAltAcc" class="posVal">...</td></tr>
  74 <tr><td>Heading:</td><td id="posHead" class="posVal">...</td></tr>
  75 <tr><td>Speed:</td><td id="posSpd" class="posVal">...</td></tr>
  76 <tr><td>Timestamp:</td><td id="posTime" class="posVal">...</td></tr>
  77 </table>
  78 <p class="note">
  79 All coordinates use the WGS84 coordinate system.
  80 </p>
  81 </div>
  82 </section>
  83
  84 <section id="sectGrav">
  85 <p id="gravunavail">
  86 Gravity sensors are unavailable on this tricorder device.
  87 <br/>Please talk to your superior officer or Starfleet contact to acquire
  88 a better device.
  89 </p>
  90 <div id="gravavail" style="display:none">
  91 <table>
  92 <tr><td>Total:</td><td id="gravTotal" class="gravVal">...</td></tr>
  93 <tr><td>X:</td><td id="gravX" class="gravVal">...</td></tr>
  94 <tr><td>Y:</td><td id="gravY" class="gravVal">...</td></tr>
  95 <tr><td>Z:</td><td id="gravZ" class="gravVal">...</td></tr>
  96 <tr><td>Alpha:</td><td id="gravAlpha" class="gravVal">...</td></tr>
  97 <tr><td>Beta:</td><td id="gravBeta" class="gravVal">...</td></tr>
  98 <tr><td>Gamma:</td><td id="gravGamma" class="gravVal">...</td></tr>
  99 </table>
 100 </div>
 101 </section>
 102
 103 <section id="sectSound">
 104 <p id="soundunavail">
 105 Sound sensors are unavailable on this tricorder device.
 106 <br/>Please talk to your superior officer or Starfleet contact to acquire
 107 a better device.
 108 </p>
 109 <div id="soundavail" style="display:none">
 110 <canvas id="soundcanvas" width="300" height="300"></canvas>
 111 </div>
 112 </section>
 113
 114 <section id="sectDev">
 115 <table>
 116 <tr><td>Battery Level:</td><td id="devBattLevel" class="deviceVal">...</td></tr>
 117 <tr><td>Battery Status:</td><td id="devBattStatus" class="deviceVal">...</td></tr>
 118 <!-- to come : storage data -->
 119 </table>
 120 </section>
 121
 122 <section id="sectOther">
 123 <p>This tricorder model doesn't have other sensors yet, please contact
 124 the <a href="http://www.kairo.at/apps" target="_blank">Starfleet science
 125 department</a> if you want to help developing this for future models.</p>
 126 </section>
 127 </div>
 128
 129 </body>
 130 </html>