-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsubmit.html
More file actions
130 lines (118 loc) · 5.79 KB
/
submit.html
File metadata and controls
130 lines (118 loc) · 5.79 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="keywords" content="depth, perception, depthperception, moving, images, depth perception, 3d, image, board, image board, submit, submission, user submission" />
<meta name="author" content="Damjan Roškar" />
<title>Depth Perception - Submit</title>
<!-- font -->
<link href='http://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css' />
<!-- stylesheet -->
<link rel="stylesheet" type="text/css" href="style/style.css">
<link rel="stylesheet" type="text/css" href="style/jquery.qtip.min.css">
<!-- jQuery -->
<script src="libraries/jquery-1.12.0.min.js"></script>
<!-- Qtip -->
<script src="libraries/jquery.qtip.min.js"></script>
<!-- reCaptcha API -->
<script src='https://www.google.com/recaptcha/api.js'></script>
</head>
<body>
<br />
<table id="mainTable">
<tr>
<td class="centerTd">
<input id="l1tb" class="textBox urltb" type="text" placeholder="layer 1 image url" onfocus="this.select()" ></input>
<button id="adjust1Button" class="untoggled small adjustButton" >adjust layer 1</button>
<br />
<input id="l2tb" class="textBox urltb" type="text" placeholder="layer 2 image url" onfocus="this.select()" ></input>
<button id="adjust2Button" class="untoggled small adjustButton" >adjust layer 2</button>
<br />
<input id="l3tb" class="textBox urltb" type="text" placeholder="layer 3 image url" onfocus="this.select()" ></input>
<button id="adjust3Button" class="untoggled small adjustButton" >adjust layer 3</button>
<br />
<input id="l4tb" class="textBox urltb" type="text" placeholder="layer 4 image url" onfocus="this.select()" ></input>
<button id="adjust4Button" class="untoggled small adjustButton" >adjust layer 4</button>
<br />
<input id="l5tb" class="textBox urltb" type="text" placeholder="layer 5 image url" onfocus="this.select()" ></input>
<button id="adjust5Button" class="untoggled small adjustButton" >adjust layer 5</button>
<br />
<input id="l6tb" class="textBox urltb" type="text" placeholder="layer 6 image url" onfocus="this.select()" ></input>
<button id="adjust6Button" class="untoggled small adjustButton" >adjust layer 6</button>
<br />
<input id="l7tb" class="textBox urltb" type="text" placeholder="layer 7 image url" onfocus="this.select()" ></input>
<button id="adjust7Button" class="untoggled small adjustButton" >adjust layer 7</button>
<br />
<input id="l8tb" class="textBox urltb" type="text" placeholder="layer 8 image url" onfocus="this.select()" ></input>
<button id="adjust8Button" class="untoggled small adjustButton" >adjust layer 8</button>
<br />
<input id="l9tb" class="textBox urltb" type="text" placeholder="layer 9 image url" onfocus="this.select()" ></input>
<button id="adjust9Button" class="untoggled small adjustButton" >adjust layer 9</button>
<br />
<input id="l10tb" class="textBox urltb" type="text" placeholder="layer 10 image url" onfocus="this.select()" ></input>
<button id="adjust10Button" class="untoggled small adjustButton" >adjust layer 10</button>
<br />
<hr>
<span class="settingsTitle" >canvas size</span>
<br />
<button id="defaultButton" class="toggled small" >default</button>
<br />
<button id="autoButton" class="untoggled small" >auto</button>
<br />
<button id="customButton" class="untoggled small" >custom</button>
<br>
<span id="customSizeInput">
<input id="sizeXTb" type="text" class="textBox sizetb" value="1024" maxlength="4" onfocus="this.select()" ></input> x <input id="sizeYTb" type="text" class="textBox sizetb" value="576" maxlength="4" onfocus="this.select()" ></input>
</span>
<br>
<hr>
<button id="testButton" class="big">test</button>
<button id="adjustButton" class="untoggled big disabled" disabled>adjust</button>
<br />
<button id="submitButton" class="big important disabled" disabled>submit</button>
</td>
<td id="canvas_cell"><canvas id="canvas" class="submitCanvas" width="1024" height="576"></canvas></td>
<td></td>
</tr>
<tr>
<td class="navtd" colspan="3">
<button id="moreInfo" class="small" >?</button>
<div id="submissionInfo">
<p>
Here, you can submit stuff to the website by providing direct links to images into the input boxes above.<br />
Please consider using a reliable image hosting site like <a href="http://imgur.com/">imgur</a>.<br />
</p>
</div>
<hr>
<button id="navGalleryButton" class="big" >gallery</button>
<button id="navContactButton" class="big" >contact</button>
</td>
</tr>
</table>
<!-- name prompt dialog -->
<div id="modalScreen"></div>
<div id="infoPrompt" class="modalDialog">
Name your masterpiece:
<br />
<input id="titleTb" class="textBox" type="text" placeholder="Unnamed" maxlength="30"></input>
<br />
Your name:
<br />
<input id="authorTb" class="textBox" type="text" placeholder="Anonymous" maxlength="30" ></input>
<div class="dialogButtonSet">
<button id="infoPromptSubmitButton" class="medium" >submit</button>
<button id="infoPromptCancelButton" class="medium" >cancel</button>
</div>
<div id="captchaContainer" class="centeredCaptcha">
<div class="g-recaptcha" data-sitekey="6LesBxoTAAAAAJ1oc9iRyTYK5yRQcMLUs7H-LnZB" data-callback="captchaComplete"></div>
</div>
</div>
<image id="loadingImage" class="rotating_icon" src="images/loading.svg"></image>
<br />
<script src="script/settings.js"></script>
<script src="script/modules/tools.js"></script>
<script src="script/modules/canvas_control.js"></script>
<script src="script/modules/data_access.js"></script>
<script src="script/submit.js"></script>
</body>
</html>