-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy patht.html
63 lines (38 loc) · 1.34 KB
/
t.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
<!DOCTYPE html>
<head>
<title>LiteVision</title>
<link rel = "stylesheet" type = "text/css" href = "new.css">
<script type = "text/javascript" src = "new.js"></script>
</head>
<body>
<div id = "container">
<div id = "header">
Menu Bar goes here.
Your responses aren't being recorded.
The interface takes some getting used to.
Feel free to play around and draw random stuff.
</div>
<div id = "content">
<canvas id="canvas" width=40% height="30% style="margin-top: 310px; cursor: cell;"></canvas>
</div>
</div>
<div id = "aside">
<div id = "aside-header"> Image info goes here. </div>
<div id = "aside-content">
INSTRUCTIONS : <br><br>
The first click CREATES / SELECTS a box and unlocks it for movement. <br><br>
The next click locks the box in place <br><br>
The selected box is outlined in green <br><br>
Other boxes are outlined in yellow <br><br>
CONTROLS : <br><br>
RESIZE BOX : Mousewheel / Z / X <br><br>
SELECT NEXT BOX : TAB / Click on the box<br><br>
DESELECT BOX : ESC / Right click<br><br>
MOVE BOX : Arrow Keys / WSAD <br> Note - Mouse overrides keyboard <br><br>
DELETE BOX : Q <br><br>
SAVE DATA : CTRL + S <br><br>
</div>
<div id = "aside-footer"> skip image button should be here somewhere </div>
</div>
</body>
</html>