<!DOCTYPE html>
<head>
<link rel="stylesheet" href="index.css">
</head>
<body>
<div id="tooltip">
<ol>
<li>Make sure only one servo is connected to the host</li>
<li>Press "Start" and select the first one (Try WebSerial first. If it does not show anything, try WebUSB)</li>
<li>Zoom: click-drag, Pan: shift-click-drag, Restore: double-click</li>
</ol>
</div>
<div id="controlDiv">
<a id="downloadAnchorElem" style="display:none"></a>
<button id='requestSerialButton'>Start(WebSerial)</button>
<button id='request-device'>Start(WebUSB)</button>
<button id='selectDUTSerialButton'>Select DUT Port</button>
<button id='executeScriptButton'>Execute scripts</button>
<button id='haltButton'>Stop</button>
<button id='downloadButton'>Download</button>
<button id='downloadButton'>Mark</button>
</div>
<div id="backlog">
<span id="serial_output" class="log"></span>
<span id="d3area"></span>
<span id="console">
<ul id="messages"></ul>
<form id="form" action="">
<input id="input" autocomplete="off" /><button>Send</button>
</form>
</span>
</div>
<div id="popup-overlay" class="closed">
<div id="popup-window">
<p id="popup-text">DUT serial port is not selected</p>
<button id="popup-close">close</button>
</div>
</div>
<div id="graph"></div>
<span id="dropZone"></span>
<script src='./dist/index.js'></script>
</body>