jfinn
/
wbo1


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
							<!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" />
	<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.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"><i class="tool-icon fa"></i><span class="tool-name">Tool template</span></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>