<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- try to counts default scaling on mobile, see
https://developer.mozilla.org/en/Mobile/Viewport_meta_tag -->
- <meta name="viewport" content="width=device-width, height=device-height, initial-scale=.6667, maximum-scale=.6667">
+ <meta name="viewport" content="width=device-width, height=device-height">
<title>Tricorder</title>
<script src="js/tricorder.js"></script>
<link rel="stylesheet" href="style/tricorder.css">
<div id="sideBottom">
<ul id="navlist">
-<li id="navPos" onclick="switchModule('Pos');">Position</li>
-<li id="navGrav" onclick="switchModule('Grav');">Gravity</li>
-<li id="navOther" onclick="switchModule('Other');">Other</li>
+<li id="navPos">Position</li>
+<li id="navGrav">Gravity</li>
+<li id="navDev">Device</li>
+<li id="navOther">Other</li>
</ul>
</div>
<ul id="sideRemark">
-<li onclick="toggleFullscreen();">Full Screen</li>
+<li id="fullScreenButton">Full Screen</li>
</ul>
</div>
</div>
</section>
+<section id="sectDev">
+<table>
+<tr><td>Battery Level:</td><td id="devBattLevel" class="deviceVal">...</td></tr>
+<tr><td>Battery Status:</td><td id="devBattStatus" class="deviceVal">...</td></tr>
+<!-- to come : storage data -->
+</table>
+</section>
+
<section id="sectOther">
<p>This tricorder model doesn't have other sensors yet, please contact
-the <a href="http://www.kairo.at/apps">Starfleet science department</a>
-if you want to help developing this for future models.</p>
+the <a href="http://www.kairo.at/apps" target="_blank">Starfleet science
+department</a> if you want to help developing this for future models.</p>
</section>
</div>