blob: 3db6065dbcfe17f8bfb31f52b5165fb931db1430 (
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
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
|
<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="app.css"></head>
<body>
<div id="header">
<button id="help">help</button>
<button class="toggle-off">x</button>
<button id="new-shader"><b>new shader</b></button>
<button id="toggle-shaders">browse shaders</button>
<button id="toggle-images">browse images</button>
<span class="status"></span>
<span id="shader-api-form" class="form">
<input type="checkbox" id="persist-image" checked>
<label for="persist-image">load image</label>
<button id="fetch-latest">latest</button>
<button id="fetch-next-page" class="hidden">→</button>
<select id="pick-user">
<option>fetching users..</option>
</select>
<div id="shader-gallery"></div>
</span>
<span id="gallery-form" class="form">
<button id="gallery-random">asdf random</button>
<form id="gallery-search">
<input type="text" id="dumpfm-search-query" value="duck bill">
<button id="gallery-search">search dump</button>
</form>
<div id="gallery-images"></div>
</span>
</div>
<div id="controls">
<input type="text" id="url">
<input type="text" id="username" placeholder="username">
<input type="text" id="shader-name" placeholder="shader name">
<br>
<br>
<textarea id="shader"></textarea>
<br>
<input type="text" id="uploaded-url">
<br>
<button id="render">render gif</button>
<button id="save" disabled>save gif</button>
<button id="upload" disabled>upload gif</button>
<button id="reset">reset</button>
<button id="pause">pause</button>
<br>
<button id="save-shader">save shader</button>
<input type="text" id="width" placeholder="width" value="0">
<input type="text" id="height" placeholder="height" value="0">
<span class="status"></span>
<br>
<br>
<span id="frame-hidden-controls">
<button id="show-frame-controls">show frame editor</button>
</span>
<span id="frame-controls">
<button id="hide-frame-controls">x</button>
frames <input type="text" id="framecount" value="10">
rate <input type="text" id="framedelay" value="0.06s">
bg <input type="text" id="background" value="#fff">
<button id="add-frame">+add</button>
<select id="reorder-frames">
<option value="">reorder</option>
<option value="weave-frames">weave</button>
<option value="shuffle-frames">shuffle</button>
<option value="reverse-frames">reverse</button>
<option value="sort-frames">sort</button>
</select>
<br>
<span id="frames"></span>
</span>
</div>
<div id="workspace"></div>
<div id="instructions"><iframe src="instructions.html"></iframe><button class="close">×</button></div>
<script type="text/html" id="shader-gallery-template">
<span><img src="{thumbnail_url}"></span>
{name} - {username}
</script>
<script type="text/html" id="frame-template">
<button class="remove">x</button>
<span class="frame"></span>
</script>
<script type="text/javascript" src="app.min.js"></script></body>
</html>
|
