This repository has been archived by the owner on Dec 31, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 21
/
new-puzzle.html
48 lines (45 loc) · 1.91 KB
/
new-puzzle.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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>We Puzzle It! (New Puzzle)</title>
<script src="load.js"></script>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="pleasewait">Connecting...</div>
<nav>
<p>
<a href="./">home</a> | <a href="puzzles.html">puzzles</a> | <a href="new-puzzle.html">new puzzle</a>
</p>
<p>
<span id="logged_in">Hello, <span id="your_name"></span>. Score: <span id="score">..</span> | <a id="logout" rel="noajax" href="./">logout</a></span>
<strong id="connection_failed" class="error">Connection Failed. Refresh to try again.</strong>
</p>
</nav>
<h1>We Puzzle It!</h1>
<div id="content">
<h2>Create A New Puzzle</h2>
<p>Upload a picture to create a new puzzle. Must be at least 250x250 and no greater than 200k. You can also drag a picture file onto the gray box.</p>
<p>Want some suggested images? Check <a rel="noajax" href="sample-images.html" target="_blank">these images</a> out.</p>
<div id="video_capture_controls">
<a href="#" class="get">Get Snapshot</a>
<div id="video_capture">
<input class="capture" type="button" value="Capture" title="Click to capture snapshot from video stream" disabled> <input class="cancel" type="button" value="Cancel" title="Cancel snapshot capture">
<div id="video_container"></div>
</div>
</div>
<input type="file" id="file_selector" accept="image/*"> <div id="file_dropzone" title="Drag a picture file and drop it here!"></div><br>
<div id="preview_container"></div>
<div id="preview_controls">
Difficulty: <select id="difficulty_selector">
<option value="easy" selected>easy</option>
<option value="medium">medium</option>
<option value="hard">hard</option>
</select>
<input type="button" id="upload" value="create puzzle" disabled>
</div>
<input type="button" id="upload_reset" value="reset">
</div>
</body>
</html>