forked from vikrum/kidpix
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
89 lines (88 loc) · 5.72 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="JS Kid Pix 1.0.2021" />
<meta property="og:site_name" content="JS Kid Pix" />
<meta property="og:url" content="https://kidpix.app/" />
<meta property="og:description" content="JS Kid Pix / Kid Pix 1.0 was released in to the public domain and this is an HTML/JS reimplementation." />
<meta property="og:image" content="https://kidpix.app/static/jskidpix.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="632" />
<meta property="og:image:height" content="394" />
<meta name="msapplication-tap-highlight" content="no" />
<title>JS Kid Pix 1.0.2021</title>
<link rel="stylesheet" type="text/css" href="css/kidpix.css">
<link rel="icon" type="image/png" href="img/kidpix.png" />
<script type="text/javascript" src="js/app.js"></script>
</head>
<body onload="init_kiddo_paint();">
<div id="container">
<div id="toolbar">
<button class="tool" id="save" title="Save"><img src="img/kp-m_27.png" class="pixelated"></button>
<button class="tool" id="pencil" title="Wacky Pencil"><img src="img/kp-m_28.png" class="pixelated" width="48" height="48"></button>
<button class="tool" id="line" title="Line"><img src="img/kp-m_29.png" class="pixelated" width="48" height="48"></button>
<button class="tool" id="square" title="Rectangle"><img src="img/kp-m_30.png" class="pixelated" width="48" height="48"></button>
<button class="tool" id="circle" title="Oval"><img src="img/kp-m_31.png" class="pixelated" width="48" height="48"></button>
<button class="tool" id="brush" title="Wacky Brush"><img src="img/kp-m_32.png" class="pixelated" width="48" height="48"></button>
<button class="tool" id="jumble" title="Electric Mixer"><img src="img/kp-m_33.png" class="pixelated" width="48" height="48"></button>
<button class="tool" id="flood" title="Paint Can"><img src="img/kp-m_34.png" class="pixelated" width="48" height="48"></button>
<button class="tool" id="eraser" title="Eraser"><img src="img/kp-m_35.png" class="pixelated" width="48" height="48"></button>
<button class="tool" id="alphabet" title="Text"><img src="img/kp-m_36.png" class="pixelated" width="48" height="48"></button>
<button class="tool" id="stamp" title="Rubber Stamps"><img src="img/kp-m_37.png" class="pixelated" width="48" height="48"></button>
<button class="tool" id="truck" title="Moving Van"><img src="img/kp-m_38.png" class="pixelated" width="48" height="48"></button>
<button class="tool" id="undo" title="The Undo Guy"><img src="img/kp-m_39.png" class="pixelated" width="48" height="48"></button>
<br>
<br>
<div id="colorbar">
<button class="currentColor" id="currentColor"> </button>
<div id="colorselector">
<button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button><button class="color"></button>
</div>
</div>
<div class="github">
<a href="https://github.com/vikrum/kidpix/" target="_blank"><img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" class="github"/></a>
</div>
</div>
<div id="hcontainer">
<div id="subtoolbars" class="subtoolbar">
<div id="genericsubmenu" class="hidden"></div>
<div id="alphabettoolbar" class="hidden">
<button class="tool" id="xal0"></button>
<button class="tool" id="xal1"></button>
<button class="tool" id="xal2"></button>
<button class="tool" id="xal3"></button>
<button class="tool" id="xal4"></button>
<button class="tool" id="xal5"></button>
<button class="tool" id="xal6"></button>
<button class="tool" id="xal7"></button>
<button class="tool" id="xal8"></button>
<button class="tool" id="xal9"></button>
<button class="tool" id="xal10"></button>
<button class="tool" id="xal11"></button>
<button class="tool" id="xal12"></button>
<button class="tool" id="xal13"></button>
<button class="tool" id="xal14"></button>
<button class="tool" id="xal15"></button>
<button class="tool" id="xal16"></button>
<button class="tool" id="xal17"></button>
<button class="tool" id="xal18"></button>
<button class="tool" id="xal19"></button>
<button class="tool" id="xal20"></button>
<button class="tool" id="xal21"></button>
<button class="tool" id="xal22"></button>
<button class="tool" id="xal23"></button>
<button class="tool" id="xal24"></button>
<button class="tool" id="xal25"></button>
<button class="tool" id="alnext"><h1>↪</h1></button>
</div>
</div>
<div id="paint">
<canvas id="kiddopaint" width="1920" height="1200">:(</canvas>
</div>
</div>
<div>
</div>
</body>
</html>