basic chat widget code (thsst2)

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>Chat Widget using WebSockets</title>

<!-- Customizable section -->
<style>
* { font-family:tahoma; font-size:12px; padding:0px; margin:0px; }
p { line-height:18px; }
div { width:205px; margin-left:auto; margin-right:auto; }
    #content { padding:5px; background:#ddd; border-radius:5px; overflow-y: scroll;
        border:1px solid #CCC; margin-top:10px; height: 160px; }
    #input { border-radius:2px; border:1px solid #ccc;
        margin-top:10px; padding:5px; width:197px; height:50px; }
    #status { width:197px; display:block; float:left; margin-top:15px; }
</style>

</head>

<body>

<!-- Need to place this with the game itself -->
<div id="content"></div>
<div>
<span id="status">Connecting...</span>
<input type="text" id="input" disabled="disabled" />
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!-- <script src="./chatfrontend.js"></script> -->
</body>
</html>