JSFun/paint.html at master · AyanaAlemayehu/JSFun · GitHub

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
<!DOCTYPE html>
<html>
<head>
<link rel="icon" href="icons/siteicon.png">
<meta charset="utf-8">
<link rel="stylesheet" href="css/dev-paintpage.css" type="text/css">
<title>Painter!</title>
</head>
<body>
    <i id="slink">slinky?</i>
    <canvas id="paintscreen"></canvas>
<div id="toolbar">
<button id="toolbar-icon-button" value="OFF"><img src="icons/icon1.png" id="toolbar-icon"></button>
<div id="toolbar-content">
    <p><i>Use default rgb or create custom colors</i></p>
    <div id="color-pallete"><div id="cpsquare">
        <div class = "orb" id="redorb"><input class="colorValue" id="redVal" type="number" min=0 max=255></div>
        <div class = "orb" id="greenorb"><input class="colorValue" id="greenVal" type="number" min=0 max=255></div>
        <div class = "orb" id="blueorb"><input class="colorValue" id="blueVal" type="number" min=0 max=255></div>
        <div class = "slider"><div id = "slideHandle"></div></div>
        <div class = "orb" id="customorb"><div id="hexoutputcover">HEX: <span id="hexoutput"></span></div></div>
    </div></div>
    <div id="brushes"><div id="bsquare"></div></div>
</div>
</div>
<script src="js/paint.js"></script>
</body>
</html>