jfinn
/
wbo1


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
							<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title>{{board}} | WBO | Collaborative whiteboard</title>
	<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>
	<meta name="description" content="An free online whiteboard for realtime collaboration. Draw, write text and sketch new ideas together."/>
	<meta name="keywords" content="whiteboard,collaborative,online,draw,paint,shared,realtime,wbo,whitebophir"/>
	<link rel="apple-touch-icon" href="/favicon.svg">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/>
	<meta property="og:title" content="{{board}} board on WBO" />
	<meta property="og:url" content="{{baseUrl}}/boards/{{boardUriComponent}}" />
	<meta property="og:image" content="{{baseUrl}}/preview/{{boardUriComponent}}" />
</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" data-translation="waiting">Menu</h2>
	<br/>

	<div id="menuItems">
		<h3 data-translation="waiting">Tools</h3>
		<ul id="tools" class="tools">
			<li class="tool"><span class="tool-icon"></span><span class="tool-name" data-translation="waiting">Tool template</span></li>
		</ul>

		<h3 data-translation="waiting">Configuration</h3>
		<label for="chooseColor" data-translation="waiting">Color</label>
		<input type="color" id="chooseColor" value="#1913B0" />
		<br/>
		<label for="chooseSize" data-translation="waiting">Size</label>
		<input type="range" id="chooseSize" value="10" min="1" max="50" step="1" class="rangeChooser" />
		<label for="chooseOpacity" data-translation="waiting">Opacity</label>
		<input type="range" id="chooseOpacity" value="1" min="0.2" max="1" step="0.1" class="rangeChooser" />
	</div>
</div>


<script type="text/javascript" src="js/path-data-polyfill.js"></script>
<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/line/line.js"></script>
<script type="text/javascript" src="tools/rect/rect.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>
<script type="text/javascript" src="tools/zoom/zoom.js"></script>
<script type="text/javascript" src="/js/canvascolor/canvascolor.min.js"></script>
</body>
</html>