summaryrefslogtreecommitdiff
path: root/js/ui-template.js
diff options
context:
space:
mode:
authorJulie Lala <jules@okfoc.us>2013-12-18 22:14:47 -0500
committerJulie Lala <jules@okfoc.us>2013-12-18 22:14:47 -0500
commit1c3c342fe305b9e75f1f5f9232ce84bedfcdf672 (patch)
tree20075f51f1e4140776329adf6b5eb14b54626eef /js/ui-template.js
parent36a384f05993d22367127234dc45252ae6a3f4e7 (diff)
ui template
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("")
+