jfinn
/
wbo1


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
							<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title>WBO</title>
	<link rel="icon" type="image/png" href="favicon.ico" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<link rel="stylesheet" type="text/css" href="board.css" />
	<script type="text/javascript" src="/socket.io/socket.io.js"></script>
	<script type="text/javascript" src="/js/jscolor/jscolor.js"></script>
</head>

<body>

<div id="board">
	<svg id="canvas"
		width="500" height="500" version="1.1"
		 xmlns="http://www.w3.org/2000/svg">
		<defs id="defs"></defs>
	</svg>
</div>

<div id="menu">
	<h2 id="toggleMenu">Menu</h2>
	<br/>

	<div id="menuItems">
		<h3>Tools</h3>
		<ul id="tools">
			<li class="tool">Tool template</li>
		</ul>

		<h3>Configuration</h3>
		<label for="chooseColor">Color:</label>
		<input type="color" id="chooseColor" value="#1913B0" />
		<br/>
		<label for="chooseSize">Size:</label>
		<input type="range" id="chooseSize" value="10" min="1" max="50" step="1" />
	</div>
</div>

<script type="text/javascript" src="js/minitpl.js"></script>
<script type="text/javascript" src="js/board.js"></script>
<script type="text/javascript" src="tools/pencil/pencil.js"></script>
<script type="text/javascript" src="tools/text/text.js"></script>
<script type="text/javascript" src="tools/eraser/eraser.js"></script>
<script type="text/javascript" src="tools/hand/hand.js"></script>
</body>
</html>