xxxxxxxxxx
49
<html lang="en">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.10.2/p5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.10.2/addons/p5.sound.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<meta charset="utf-8" />
</head>
<body>
<script src="sketch.js"></script>
<table style="text-align:center;margin:0 auto">
<tr><th>Layer #</th><th>Frac</th><th/><th>Alt</th><th/></tr>
<tr>
<td>0</td>
<td><input id="layer_0_frac" type="number" value="20"/></td><td>%</td>
<td><input id="layer_0_alt" type="number" value="0"/></td><td>km</td>
</tr>
<tr>
<td>1</td>
<td><input id="layer_1_frac" type="number" value="10"/></td><td>%</td>
<td><input id="layer_1_alt" type="number" value="3"/></td><td>km</td>
</tr>
<tr>
<td>2</td>
<td><input id="layer_2_frac" type="number" value="15"/></td><td>%</td>
<td><input id="layer_2_alt" type="number" value="5"/></td><td>km</td>
</tr>
<tr>
<td>3</td>
<td><input id="layer_3_frac" type="number" value="15"/></td><td>%</td>
<td><input id="layer_3_alt" type="number" value="10"/></td><td>km</td>
</tr>
<tr>
<td>4</td>
<td><input id="layer_4_frac" type="number" value="20"/></td><td>%</td>
<td><input id="layer_4_alt" type="number" value="13"/></td><td>km</td>
</tr>
<tr>
<td>5</td>
<td><input id="layer_5_frac" type="number" value="20"/></td><td>%</td>
<td><input id="layer_5_alt" type="number" value="16"/></td><td>km</td>
</tr>
</table>
</body>
</html>