summaryrefslogtreecommitdiff
path: root/index.html
blob: 0a994a8aa2c54fbefb3f3c71e709c740f2927714 (plain)
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
<!DOCTYPE html>
<html lang="en">

<head>
	<script>
	if(location.protocol.startsWith('http') &&
	!location.pathname.endsWith('/') &&
	!location.pathname.endsWith('.html')) {
	location.pathname += '/index.html';
}
	</script>
	<title>jigsaw</title>
	<meta charset="utf-8">
	<meta content="width=device-width,initial-scale=1" name="viewport">
	<link rel="icon" href="favicon.png">
	<link rel="stylesheet" href="style.css?v=1">
	<script src="index.js?v=3"></script>
</head>
<body class="margined">
	<h3>jigsaw</h3>
	<form id="host-form" method="dialog" action="#">
		<div class="form-line"><label><input type="number" min="10" max="1000" name="pieces" value="100" id="piece-count"> šŸ§© Number of pieces</label></div>
		<div class="form-line">
			<fieldset>
				<legend>Choose your imageā€¦</legend>
				<label><input name="image" type="radio" value="custom" id="custom-image" checked>Custom image URL</label> <input type="text" id="image-url" name="image-url" placeholder="Enter image URL..."><br>
				<label><input name="image" type="radio" value="randomFeaturedWikimedia">Random featured Wikimedia Commons image</label><br>
				<label><input name="image" type="radio" value="wikimediaPotd">Wikimedia Commons Picture of the Day</label><br>
			</fieldset>
		</div>
		<input value="Host puzzle" type="submit">
	</form>
	<br>
	<footer>
	<a href="https://github.com/pommicket/jigsaw">Source code</a>
	</footer>
</body>
</html>