chat/static/index.html
stephen mcquay 287574622a react to user inputs
actually send message to server
2015-04-05 22:42:47 -07:00

50 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<title>chat</title>
</head>
<body>
<div class="page-header text-center">
<div id='alert' class="alert alert-danger">placeholder</div>
</div>
<div class="container">
<div id="auth" class="row">
<div class="col-sm-3">
</div>
<div class="col-sm-6">
<div class="input-group">
<input id="username" type="text" class="form-control" placeholder="username ..." autofocus>
<span class="input-group-btn">
<button id="submit-username" class="btn btn-default" type="button">Go!</button>
</span>
</div>
</div>
</div>
<div id="uinputs" class="row">
<div class="input-group">
<input id="uinput" type="text" class="form-control" placeholder="say somethin', will ya?" autofocus>
<span class="input-group-btn">
<button id="submit-uinput" class="btn btn-default" type="button">send</button>
</span>
</div>
</div>
<div id="stream" class="row well well-sm strm">
<div class="">
<div id="chatter"></div>
</div>
</div>
</div>
<div id="msg" class="visibility: hidden;"></div>
<script src="/static/js/jquery.js"></script>
<script src="/static/js/chat.js"></script>
<script src="/static/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>