summaryrefslogtreecommitdiff
path: root/js/ui-template.js
diff options
context:
space:
mode:
Diffstat (limited to 'js/ui-template.js')
-rw-r--r--js/ui-template.js13
1 files changed, 13 insertions, 0 deletions
diff --git a/js/ui-template.js b/js/ui-template.js
new file mode 100644
index 0000000..9c3a6a7
--- /dev/null
+++ b/js/ui-template.js
@@ -0,0 +1,13 @@
+var TEMPLATE = [
+ '<div id="curtain" style="opacity:0;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0;background:rgba(255,255,255,0.1);"></div>',
+ '<div id="outline" style="border:1px solid white;background:rgba(0,255,255,0.5);opacity:0.5; position: absolute;pointer-events:none"></div>',
+ '<div id="controls" style="position: absolute;top:50px;right:50px;background:rgba(0,0,0,0.8);color:#fff;font-size:14px;min-width:300px; padding: 4px;cursor:default;">',
+ 'frames <input type="text" id="framecount" value="30" style="width:30px;">',
+ 'delay <input type="text" id="framedelay" value="0.06s" style="width:30px;">',
+ '<button id="record" disabled>record</button>',
+ '<button id="save" disabled>save</button>',
+ '<span id="status"></span>',
+ '<div id="preview"></div>',
+ '</div>'
+].join("")
+