This repository has been archived by the owner on May 9, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
92 lines (81 loc) · 2.86 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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="en" class="allowDraw">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<title>Brash Art Studio</title>
<link rel="stylesheet" href="style/icons.css" />
<link rel="stylesheet" href="style/main.css" />
<link rel="stylesheet" href="style/menu.css" />
<link rel="stylesheet" href="style/panel.css" />
<link rel="stylesheet" href="style/hsbColor.css" />
</head>
<body class="DRAWABLE">
<!--
Format for the menu is VERY specific, so that Javascript can just build
it on page load.
-->
<div id="menu" class="webkitDraggable">
<ul id="helpTab">
<span class="icon help" title="About"></span>
<li>Welcome</li>
<li>About</li>
<li>Workflow</li>
<li>OttCS</li>
</ul>
<hr />
<ul id="windowTab">
<span class="icon window" title="System"></span>
<li>Minimize</li>
<li>Maximize</li>
<li>Close</li>
</ul>
<ul id="fileTab">
<span class="icon folder" title="File"></span>
<li>New</li>
<li>Open</li>
<li>Save</li>
<li>Save As</li>
</ul>
<ul id="settingsTab">
<span class="icon settings" title="Settings"></span>
<li>Preferences</li>
<li>Environment</li>
</ul>
<hr />
<ul id="brushTab">
<span class="icon brush" title="Brush"></span>
<li>Standard Pen</li>
<li>Pixel Pen</li>
<li>Custom Brush</li>
</ul>
<ul id="eraserTab">
<span class="icon eraser" title="Eraser"></span>
<li>Square Eraser</li>
<li>Round Eraser</li>
<li>Custom Eraser</li>
</ul>
</div>
<!-- The active scene for the user -->
<canvas id="main" class="allowDraw checkerBoard" width="0" height="0"></canvas>
<canvas id="brushPrint"></canvas>
<div id="panel">
<div id="swatch" title="Current brush color"></div>
<div id="block" title="Adjust color saturation and brightness">
<div id="blockSelect" class="select"></div>
</div>
<div id="hue" class="slider" title="Adjust color hue">
<div id="hueSelect" class="select"></div>
</div>
<p>Brush Settings</p>
<div id="size" class="slider" title="Adjust brush size">
<div id="sizeSelect" class="select"></div>
</div>
<div id="alpha" class="slider" title="Adjust brush opacity">
<div id="alphaSelect" class="select"></div>
</div>
</div>
</body>
<script src="js/helperMethods.js "></script>
<script src="js/script.js "></script>
</html>