-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
134 lines (107 loc) · 4.82 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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<title>Paintbin</title>
<!-- jQuery -->
<script src="js/jQuery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<link rel="stylesheet" href="css/bootstrap.css" type="text/css">
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="css/rage.css" type="text/css">
<link rel="stylesheet" media="screen" type="text/css" href="js/colorpicker/css/colorpicker.css" />
<!-- Color Picker -->
<script type="text/javascript" src="js/colorpicker/js/colorpicker.js"></script>
<script type="text/javascript" src="js/colorpicker/js/eye.js"></script>
<script type="text/javascript" src="js/colorpicker/js/utils.js"></script>
<script type="text/javascript" src="js/colorpicker/js/layout.js"></script>
<script type="text/javascript" src="js/canvas_build.js"></script>
<script type="text/javascript" src="js/canvas_tools.js"></script>
<script type="text/javascript" src="js/canvas_interactions.js"></script>
<script type="text/javascript" src="js/tehmagic.js"></script>
<!-- Paintbin -->
<script type="text/javascript" src="js/canvas.js"></script>
<!-- Raphael -->
<script type="text/javascript" src="js/raphael-min.js"></script>
<script type="text/javascript" src="js/raphael.sketchpad.js"></script>
<!-- json -->
<script type="text/javascript" src="js/jquery.roundabout.js"></script>
<script type="text/javascript">
$(document).ready(function() {
alert("Paintbin is in its pre-alpha version and still has a few issues. This is only a preview. \nI really appreciate your interest! Check out the repo on github /bsgreenb/Paintbin");
});
</script>
</head>
<body>
<noscript>This requires JavaScript to be enabled in your browser to work properly.</noscript>
<div class="tipBox"></div>
<div id="topMenuButtons">
<form name="paintForm" id="paintForm" action="submit.php" method="POST" enctype="multipart/form-data">
<input type="hidden" id="png_data" name="png_data" value="" />
<input id="save_canvas" type="button" value="Save drawing" />
<input id="download_canvas" value="Download this Painting" type="button" />
<a id="about" href="#" type="button" />About</a>
<!-- <a id="download_canvas" href="#">Download this Painting</a> -->
</form>
</div>
<div class="header">
<h1>Paintbin</h1>
</div>
<div class="wrapper">
<div class="container-fluid">
<div class="row">
<div class="span1">
<!--left panel-->
<div class="panel">
<div id='buttons'>
<ul>
<!-- <input type="button" id="marker" value="marker" disabled="disabled" /> | // problem? -->
</form>
<li><div class="buttons" id="pencilButton"></div></li>
<span id="colorSelector"><div style="background-color: #000000"></div></span>
<li><div class="buttons" id="sizeButton"></div></li>
<div id="slider-bar"></div>
<li><div class="buttons" id="eraserButton"></div></li>
<li><div class="buttons" id="trashButton"></div></li>
</ul>
</div>
</div>
</div> <!-- end left panel container -->
<div class="span13">
<!--canvas-->
<div id="canvasDiv">
</div> <!-- end canvas -->
</div> <!-- end canvas container -->
<div class="span4">
<!-- right panel-->
<div id="drawingTools" class="tools">
<h3>Drawing</h3>
<ul>
<li><button class="uibutton confirm" id="editor_undo" type="submit">Undo</button></li>
<li><button class="uibutton confirm" id="editor_redo" type="submit">Redo</button></li>
<li><button class="uibutton confirm" id="editor_clear" type="submit">Clear</button></li>
</ul>
<h5>Color</h5>
<button class="uibutton special" id="colorpickersubmit" type="submit">Change</button>
<div id="colorSelector">
<div style="background-color: #0000ff"></div>
</div>
<h5>Size</h5>
<button class="uibutton special" id="sizepickersubmit" type="submit">Change</button>
<input id="slider-bubble" type="text"/>
<div class="demo">
<div id="slider-bar"></div>
</div>
</div>
<div class="interact">
</div>
</div>
<div id="boxTools" class="tools">
<h3>Grid</h3>
<button class="uibutton special" id="new" type="submit">New</button></div>
<!-- end right panel container -->
</div>
</div>
</div>
</div> <!-- end wrapper -->
</body>
</html>