2017-01-21 17:06:19 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset='utf-8' />
|
|
|
|
|
<title>Nibriboard</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2017-02-19 13:22:35 +00:00
|
|
|
<aside id="sidebar">
|
2017-04-25 10:51:14 +00:00
|
|
|
<img class="logo" src="nibriboard.svg" />
|
2017-04-25 18:34:03 +00:00
|
|
|
<div class="top-row">
|
|
|
|
|
<span class="connection-indicator"></span>
|
|
|
|
|
<span class="name">Your name here</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<hr />
|
|
|
|
|
|
|
|
|
|
<section class="brush-settings">
|
|
|
|
|
<div class="current-brush"></div>
|
|
|
|
|
|
|
|
|
|
<input type="range" min="1" max="30" step="1" id="brush-width" />
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<section class="tools">
|
2017-04-27 20:53:07 +00:00
|
|
|
<span class="tool-selector" data-tool-name="brush" title="Draw lines with a brush." data-selected>🖌</span>
|
2017-04-25 18:34:03 +00:00
|
|
|
<span class="tool-selector" data-tool-name="pan" title="Pan around the plane.">↔</span>
|
|
|
|
|
<span class="tool-selector" data-tool-name="pointer" title="Point at things, but don't change them.">✹</span>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<hr />
|
|
|
|
|
|
2017-04-25 10:45:27 +00:00
|
|
|
<div class="palette">
|
|
|
|
|
<!-- todo figure out a better colour palette -->
|
|
|
|
|
<span class="palette-colour" style="background-color: white;"></span>
|
|
|
|
|
<span class="palette-colour" style="background-color: black;"></span>
|
|
|
|
|
<span class="palette-colour" style="background-color: red;"></span>
|
|
|
|
|
<span class="palette-colour" style="background-color: orange;"></span>
|
|
|
|
|
<span class="palette-colour" style="background-color: darkgreen;"></span>
|
|
|
|
|
<span class="palette-colour" style="background-color: blue;"></span>
|
|
|
|
|
<span class="palette-colour" style="background-color: purple;"></span>
|
|
|
|
|
<span class="palette-colour" style="background-color: pink;"></span>
|
|
|
|
|
<span class="palette-colour" style="background-color: saddlebrown;"></span>
|
|
|
|
|
</div>
|
|
|
|
|
|
2017-02-19 13:22:35 +00:00
|
|
|
</aside>
|
|
|
|
|
|
2017-01-21 17:06:19 +00:00
|
|
|
<canvas id="canvas-main"></canvas>
|
|
|
|
|
|
|
|
|
|
<!---------------->
|
|
|
|
|
<link rel="stylesheet" href="Nibri.css" />
|
|
|
|
|
|
|
|
|
|
<script src="NibriClient.js" charset="utf-8"></script>
|
|
|
|
|
</head>
|
|
|
|
|
</html>
|
