d2f8d3de3d2def635bc2685d0ac5b47cd966b918
[tricorder.git] / 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>\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"><a href="#" onclick="switchModule('Pos');">Position</a></li>\r
36 <li id="navGrav"><a href="#" onclick="switchModule('Grav');">Gravity</a></li>\r
37 <li id="navAcou"><a href="#" onclick="switchModule('Acou');">Acoustics</a></li>\r
38 </ul>\r
39 </div>\r
40 \r
41 <div id="sideRemark">\r
42 <a href="http://www.startrek.com/">STAR TREK</a> and related items are\r
43 trademarks of <a href="http://www.paramount.com/">Paramount Pictures</a>.\r
44 </div>\r
45 </div>\r
46 \r
47 <div id="mainarea">\r
48 <div id="mainHeader">\r
49 Web Tricorder\r
50 </div>\r
51 \r
52 <div id="mainSepTop"></div>\r
53 <div id="mainSepBottom"></div>\r
54 \r
55 <div id="mainContent">\r
56 <section id="sectNull" class="active">\r
57 <p>Please select a data input module from the left-side navigation.</p>\r
58 </section>\r
59 <section id="sectPos">\r
60 <p id="posunavail">\r
61 Position watching is unavailable on this tricorder device.\r
62 <br/>Please talk to your superior officer or Starfleet contact to acquire\r
63 a better device.\r
64 </p>\r
65 <div id="posavail" style="display:none">\r
66 <table>\r
67 <tr><td>Latitude:</td><td id="posLat">...</td></tr>\r
68 <tr><td>Longitude:</td><td id="posLong">...</td></tr>\r
69 <tr><td>Accuracy:</td><td id="posAcc">...</td></tr>\r
70 <tr><td>Altitude:</td><td id="posAlt">...</td></tr>\r
71 <tr><td>Alt. Accuracy:</td><td id="posAltAcc">...</td></tr>\r
72 <tr><td>Heading:</td><td id="posHead">...</td></tr>\r
73 <tr><td>Speed:</td><td id="posSpd">...</td></tr>\r
74 <tr><td>Timestamp:</td><td id="posTime">...</td></tr>\r
75 </table>\r
76 </div>\r
77 </section>\r
78 <section id="sectGrav">\r
79 <p id="gravunavail">\r
80 Gravity sensors are unavailable on this tricorder device.\r
81 <br/>Please talk to your superior officer or Starfleet contact to acquire\r
82 a better device.\r
83 </p>\r
84 <div id="gravavail" style="display:none">\r
85 <table>\r
86 <tr><td>X:</td><td id="gravX">...</td></tr>\r
87 <tr><td>Y:</td><td id="gravY">...</td></tr>\r
88 <tr><td>Z:</td><td id="gravZ">...</td></tr>\r
89 <tr><td>Alpha:</td><td id="gravAlpha">...</td></tr>\r
90 <tr><td>Beta:</td><td id="gravBeta">...</td></tr>\r
91 <tr><td>Gamma:</td><td id="gravGamma">...</td></tr>\r
92 </table>\r
93 </div>\r
94 </section>\r
95 <section id="sectAcou">\r
96 <p>This is the main area for acoustics tricorder output.</p>\r
97 </section>\r
98 </div>\r
99 \r
100 </body>\r
101 </html>