-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
76 lines (67 loc) · 2.2 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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!--
- Canvas Socket.io - collaborative canvas board
-
- @author Raheel Khan <[email protected]>
- @licence The MIT License (MIT)
-->
<!doctype html>
<html>
<head>
<title>Canvas Socket.io</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,600i,700" rel="stylesheet">
<link rel="stylesheet" href="public/css/font-awesome.min.css">
<link rel="stylesheet" href="public/css/styles.css">
</head>
<body>
<header>
<nav class="main-nav">
<div class="brand">Canvas Socket.io</div>
<ul class="menu">
<li class="">
<label>File</label>
<ul class="sub-menu">
<li><label>New</label></li>
<li><label>Save</label></li>
</ul>
</li>
<li>
<label>Edit</label>
<ul class="sub-menu">
<li><label>Preferences</label></li>
</ul>
</li>
</ul>
<div class="header-text">
Total connected users <span id="conected-user">N/A</span>
</div>
</nav>
<nav class="toolbar-nav">
<ul class="toolbar" id="toolbar">
<!-- <li class="button" id="tool_select"><i class="fa fa-mouse-pointer"></i></li> -->
<!-- <li class="button" id="tool_pencil"><i class="fa fa-pencil"></i></li> -->
<!-- <li class="button" id="tool_rect"><i class="fa fa-square"></i></li> -->
<!-- <li class="button" id="tool_circle"><i class="fa fa-circle"></i></li> -->
<!-- <li class="button" id="tool_line"><i class="fa fa-minus"></i></li> -->
<!-- <li class="button" id="tool_text"><i class="fa fa-font"></i></li> -->
<!-- <li class="button" id="tool_rendom_color">Rendom color</li> -->
</ul>
</nav>
</header>
<div id="canvas-container"><!-- our canvas will be inserted here--></div>
<!-- Required Libraries -->
<script src="public/lib/jquery.min.js"></script>
<script src="public/lib/jquery.event.drag-2.0.js"></script>
<script src="/socket.io/socket.io.js"></script>
<!-- Scripts -->
<script src="public/js/script.js"></script>
<script src="public/js/socket.js"></script>
<script src="public/js/toolbar.js"></script>
<script src="public/js/events.js"></script>
<script src="public/js/utilities.js"></script>
<script type="text/javascript">
$(document).ready(function () {
canvasApp.init();
});
</script>
</body>
</html>