<!DOCTYPE html>
<html>
<head>
    <script src="encoding-indexes.js"></script>
    <script src="encoding.js"></script>
    <script src="ws.js" async defer></script>
</head>
<body>
<h1>Welcome to echo server!</h1>
<input type="text" placeholder="Your message" id="input" style="visibility: hidden">
<div id="responses"></div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <script src="encoding-indexes.js"></script>
    <script src="encoding.js"></script>
    <script src="ws.js" async defer></script>
    <style type="text/css">
        .meta { color: white; background-color: grey}
        .self { background-color: lightgrey; }
        .debug { color: grey; }
        .warning { color: white; background-color: black; }
    </style>
</head>
<body>
<h1>Welcome to echo server!</h1>
<input type="text" placeholder="Your message" id="input" style="visibility: hidden">
<div id="responses"></div>
</body>
</html>

Add styling to example client
Add styling to example client
