-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
48 lines (45 loc) · 1.9 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
<!DOCTYPE HTML>
<head>
<title>Scribbl.Yo</title>
<link rel="stylesheet" href="drawtest.css">
<meta charset="utf-8">
</head>
<body>
<!--<script>
document.body.style.cursor = "wait";
</script>-->
<nav id="navbar">
<ul>
<li><a href="#"><img src="menu.png" width="42" id="menu"></a>
<ul>
<li><a href="#">Log in</a></li>
<li><a href="#">Sign up</a></li>
<li><a href="#">My profile</a></li>
<li><a href="#">Singleplayer</a></li>
<li><a href="#">Multiplayer</a></li>
</ul>
</li>
<li>
<a href="#" id="logo">Scribbl.Yo</a>
</li>
</ul>
</nav>
<div class="game">
<h1 class="word">Word: </h1><h1 class="word" id="word">Placeholder</h1>
<canvas id="canvas" width="1000" height="600" onmousedown="down(event)" onmousemove="move(event)" onmouseup="up(event)" onmouseleave="leave(event)" style="margin-left: 8px; margin-right: 8px;"></canvas>
<div class="colbuttons"> <!-- Colour buttons -->
<button class="colours" id="black" onmousedown="selectColour(event)">Black</button>
<button class="colours" id="blue" onmousedown="selectColour(event)">Blue</button>
<button class="colours" id="red" onmousedown="selectColour(event)">Red</button>
<button class="colours" id="green" onmousedown="selectColour(event)">Green</button>
<button class="colours" id="white" onmousedown="selectColour(event)">Eraser</button><br>
</div>
<div class="sizebuttons"> <!-- Size Buttons -->
<button class="sizes" id="small" onclick="selectSize(event)">Small</button>
<button class="sizes" id="medium" onclick="selectSize(event)">Medium</button>
<button class="sizes" id="large" onclick="selectSize(event)">Large</button>
<button class="sizes" id="omegalarge" onclick="selectSize(event)">Omega Large</button>
</div>
</div>
</body>
<script src="testtest.js"></script>