-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
52 lines (49 loc) · 2.97 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Whiteboard</title>
<link rel="stylesheet" href="styles.css">
<!-- FontAwesome -->
<script src="https://kit.fontawesome.com/5cea8a7968.js" crossorigin="anonymous"></script>
</head>
<body>
<canvas id="canvas" style="top: 0; left: 0; right: 0; bottom: 0;"></canvas>
<div class="toolbar-wrapper container-fluid">
<div class="toolbar-main-menu">
<ul class="toolbar-menu">
<li class="toolbar-tool">
<div class="toolName container-fluid toolName-dropdown">
<!-- <a href="#"><i class="fas fa-pencil-alt"></i></a> -->
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"
viewBox="0 0 32 32">
<path fill="#1A1A1A" fill-rule="evenodd"
d="M24.396 10.371l-.896.896-2.793-2.793.895-.896A1.962 1.962 0 0 1 23 7c.526 0 1.023.205 1.395.578.372.373.578.87.578 1.396 0 .527-.206 1.023-.578 1.396l.002.001zM11.726 23.043l-4.39 1.596 1.596-4.389 11.07-11.068 2.791 2.793-11.068 11.068zM25.104 6.871A2.953 2.953 0 0 0 23 6.001c-.794 0-1.541.308-2.104.87l-12.75 12.75a.472.472 0 0 0-.116.183l-2 5.5a.496.496 0 0 0 .47.67c.056 0 .115-.01.17-.03l5.5-2a.501.501 0 0 0 .184-.116l12.75-12.75a2.951 2.951 0 0 0 .87-2.104c0-.795-.308-1.542-.87-2.104v.001z" />
</svg></a>
<div class="toolbox fadeInLeft is-visible">
<ul class="pen-sizes">
<li>
<!-- DO FROM HERE -->
</li>
</ul>
</div>
</div>
</li>
<li class="toolbar-tool">
<div class="toolName container-fluid">
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<path fill="#1A1A1A" fill-rule="nonzero"
d="M12.137 14.115l-6.82 7.313a1 1 0 0 0 .049 1.414l2.25 2.097 9.453.016 3.112-3.338-8.044-7.502zm9.117 7.818l-3.751 4.022L7.22 25.94l-2.537-2.366a2 2 0 0 1-.099-2.827l7.161-7.679 7.161-7.68a2 2 0 0 1 2.827-.098l6.582 6.138a2 2 0 0 1 .099 2.827l-7.161 7.679zm-.39-1.048l6.82-7.313a1 1 0 0 0-.05-1.414L21.052 6.02a1 1 0 0 0-1.413.05l-6.82 7.313 8.044 7.502z" />
</svg></a>
</div>
</li>
</ul>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="index.js"></script>
</body>
</html>