make module switching work
[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">\r
57 <p>This is the main area for tricorder output.</p>\r
58 </section>\r
59 <section id="sectPos">\r
60 <p>This is the main area for position tricorder output.</p>\r
61 </section>\r
62 <section id="sectGrav">\r
63 <p>This is the main area for gravity tricorder output.</p>\r
64 </section>\r
65 <section id="sectAcou">\r
66 <p>This is the main area for acoustics tricorder output.</p>\r
67 </section>\r
68 </div>\r
69 \r
70 </body>\r
71 </html>