index.htm

<!doctype html>
<html lang="en">
	<title>Shared DrawPad</title>
	<link type="text/css" href="css/bootstrap.min.css" rel="stylesheet"/>
	<link type="text/css" href="css/drawpad.css" rel="stylesheet"/>
	<script src="js/jquery-1.10.2.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/drawing.js"></script>
	<script src="http://localhost:4000/socket.io/socket.io.js"></script>
	
	<body>
		<div id="drawingPad">
			<!-- This is where all the code will be place dynamically -->
		</div>
	</body>
	<script type="text/javascript">
		$(document).bind("touchmove", function(e) {
			e.preventDefault();
		});
		// overriding default options
		var options = {
			width:800,
			height:500
		},
		//init the drawpad
		dp = new DrawingPad(options);
		dp.init("#drawingPad");
	</script>
</html>