diff options
Diffstat (limited to 'src/unicorn.html')
| -rw-r--r-- | src/unicorn.html | 345 |
1 files changed, 345 insertions, 0 deletions
diff --git a/src/unicorn.html b/src/unicorn.html new file mode 100644 index 0000000..35cc5aa --- /dev/null +++ b/src/unicorn.html @@ -0,0 +1,345 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>Unicorn Paint</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> + <link rel="stylesheet" type="text/css" href="/static/jquery.colorpickersliders.css"> + <link rel="stylesheet" type="text/css" href="/static/unicorn-paint.css"> +</head> +<body> + <div class="unicornhat"> + <h1>Unicorn Paint</h1> + <table cellspacing="0" cellpadding="0" border-collapse="collapse"> + <tr> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + </tr> + <tr> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + </tr> + <tr> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + </tr> + <tr> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + </tr> + <tr> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + </tr> + <tr> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + </tr> + <tr> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + </tr> + <tr> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + </tr> + <tr> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + </tr> + <tr> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + </tr> + <tr> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + </tr> + <tr> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + </tr> + <tr> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + </tr> + <tr> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + </tr> + <tr> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + </tr> + <tr> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + <td data-color="0" style="background:rgb(0,0,0);"></td> + </tr> + + </table> + <div class="palette"> + <ul> + <li class="selected" style="background:rgb(0,0,0);"></li> + <li style="background:rgb(132,0,0);"></li> + <li style="background:rgb(0,132,0);"></li> + <li style="background:rgb(132,132,0);"></li> + <li style="background:rgb(0,0,132);"></li> + <li style="background:rgb(132,0,132);"></li> + <li style="background:rgb(0,132,132);"></li> + <li style="background:rgb(132,132,132);"></li> + <li style="background:rgb(198,198,198);"></li> + <li style="background:rgb(255,0,0);"></li> + <li style="background:rgb(0,255,0);"></li> + <li style="background:rgb(255,255,0);"></li> + <li style="background:rgb(0,0,255);"></li> + <li style="background:rgb(255,0,255);"></li> + <li style="background:rgb(0,255,255);"></li> + <li style="background:rgb(255,255,255);"></li> + </ul> + </div> + <div class="current"></div> + <div class="mc"> + </div> + <ul class="tools"> + <li data-tool="paint" class="paint selected"><span class="fa fa-pencil"></span></li> + <li data-tool="fill" class="fill"><span class="fa fa-bitbucket"></span></li> + <li data-tool="erase" class="erase"><span class="fa fa-eraser"></span></li> + <li data-tool="pick" class="pick"><span class="fa fa-eyedropper"></span></li> + <li data-tool="lighten" class="lighten"><span class="fa fa-sun-o"></span></li> + <li data-tool="darken" class="darken"><span class="fa fa-adjust"></span></li> + <li data-tool="trash" class="trash"><span class="fa fa-trash"></span></li> + <li data-tool="save" class="save"><span class="fa fa-save"></span></li> + </ul> + </div> + <script type="text/javascript" src="/static/jquery.min.js"></script> + <script type="text/javascript" src="/static/jquery-ui.min.js"></script> + <script type="text/javascript" src="/static/tinycolor.js"></script> + <script type="text/javascript" src="/static/jquery.colorpickersliders.js"></script> + <script type="text/javascript" src="/static/unicorn-paint.js"></script> +</body> +</html> |