-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathpopup.html
49 lines (45 loc) · 1.29 KB
/
popup.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
<!doctype html>
<html>
<head>
<title>Painter</title>
<link href="style.css" rel="stylesheet">
<script src="p5.js"></script>
<script src="p5.dom.js"></script>
<script src="popup.js"></script>
</head>
<body>
<div id="container">
<div>
<label>Colour:</label>
<ul>
<li class="colour-choice active" data-colour="red"></li>
<li class="colour-choice" data-colour="blue"></li>
<li class="colour-choice" data-colour="black"></li>
</ul>
</div>
<div>
<label>Weight: <span id="weight-value">4</span>px</label>
<input id="weight" type="range" min="3" max="30" value="4" list="tickmarks">
<!-- <datalist id="tickmarks">
<option value="3">
<option value="4">
<option value="5">
<option value="6">
<option value="7">
<option value="8">
<option value="9">
<option value="10">
<option value="11">
<option value="12">
<option value="13">
<option value="14">
<option value="15">
</datalist> -->
</div>
<div>
<label> </label>
<button id="draw-button">Draw</button>
</div>
</div>
</body>
</html>