39 lines
1.4 KiB
HTML
39 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset='utf-8' />
|
|
<title>Nibriboard</title>
|
|
</head>
|
|
<body>
|
|
<aside id="sidebar">
|
|
<img class="logo" src="logo.png" />
|
|
<div class="Name">Your name here</div>
|
|
<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>
|
|
|
|
<section class="tools">
|
|
<span class="tool-selector" data-tool="pencil"></span>
|
|
<span class="tool-selector" data-tool="pan"></span>
|
|
<span class="tool-selector" data-tool="pointer"></span>
|
|
</section>
|
|
</aside>
|
|
|
|
<canvas id="canvas-main"></canvas>
|
|
|
|
<!---------------->
|
|
<link rel="stylesheet" href="Nibri.css" />
|
|
|
|
<script src="NibriClient.js" charset="utf-8"></script>
|
|
</head>
|
|
</html>
|