Source

chut / js / index.html

Full commit
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" />
	<title>Chut - Demo implementation</title>
	<style type="text/css">
		label {
			display: block;
		}
		div.chut {
			width: 30em;
			border: 0.1em solid #000;
			padding: 1em;
			margin: 1em;
			overflow: hidden;
		}
		.chut textarea {
			width: 70%;
			height: 5em;
			display: block;
		}
		.chut div.log {
			border: 1px solid #333;
			width: 95%;
			height: 10em;
			overflow-y: scroll;
		}
		.chut dl {
			margin: 0.3em;
		}
		.chut dl.hist {
			color: #666;
			font-style: italic;
		}
		.chut dl.sent dt {
			font-weight: bold;
		}
		.chut dl dt {
			margin: 0;
		}
		.chut dl dd {
			margin: 0 0 0 1.5em;
		}
	</style>
	<!-- javascript ici -->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
	<script type="text/javascript" src="client.js"></script>
</head>
<body>
	<h1>Chut</h1>
	<h2>Demo chat implementation</h2>
	<p>No username list available at the moment.</p>
	<!-- general chut container -->
	<div id="chut">
		<label for="chut_nick">Nickname:</label>
		<input type="text" id="chut_nick" />
		<button id="connect">Connect</button>
		<!-- add a chat window -->
		<label for="send_to">Send a message to:</label>
		<input id="send_to" />
		<button id="submit_send_to">Start</button>
	</div>
</body>
</html>