Untitled

<html>
<head>
<title>Info Screen</title>
<style type="text/css">
h3 {
    padding-right: 10px;
    font-size: 1rem;
    color: #ffffff;
}
table {
    margin-right: auto;
    margin-left: auto;
}
td {
    padding: 10px;
    font-size: 1rem;
    text-align: center;
    color: #ffffff;
}
progress {
  -webkit-progress-value;
    background-color: #ff0;
}
</style>
</head>

<body bgcolor=black fgcolor=white>

<table border=0>
<tr><td>
<h3>%Current_Activity</h3>
<meter id="walk" value="%Current_Activity_Confidence" min="0" max="100"></meter>
</td><td>
<h3>%speed kph</h3>
<meter id="speed" value="%speed" min="10" max="150"></meter>
</td></tr>
<tr><td>
<h3>Alt: %altitude m</h3>
<meter id="altitude" value="%altitude" min="-100" max="1000"></meter>
</td><td>
<h3>Accu: %accu m</h3>
<meter id="accuracy" value="%accu" min="0" max="50"></meter>
</td></tr>
<tr><td>
<h3>BPM: %Heart_Rate</h3>
<meter id="bpm" value="%Heart_Rate" min=40 max="185"></meter>
</td><td>
<h3>Steps: %WSTEPS</h3>
<meter id="steps" value="%WSTEPS" min="0" max="60000"></meter>
</tr></td>
<tr><td>
<h3>Mag: %mag μT</h3>
<meter id="mfield" value="%mag" min="0" max="8000"></meter>
</td><td>
<h3>Light: %lux lum</h3>
<meter id="light" value="%lux" min="0" max="15000"></meter>
</table>

</body>
</html>