1 files changed, 51 insertions, 0 deletions
diff --git a/share/frontend/imconcat/index.html b/share/frontend/imconcat/index.html
new file mode 100644
index 0000000..3dceeaf
--- /dev/null
+++ b/share/frontend/imconcat/index.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Getting started with JSON Form</title>
+    <link rel="stylesheet" style="text/css" href="deps/opt/bootstrap.css" />
+  </head>
+  <body>
+    <h1>Getting started with JSON Form</h1>
+    <form></form>
+    <div id="res" class="alert"></div>
+    <script type="text/javascript" src="deps/jquery.min.js"></script>
+    <script type="text/javascript" src="deps/underscore.js"></script>
+    <script type="text/javascript" src="deps/opt/jsv.js"></script>
+    <script type="text/javascript" src="lib/jsonform.js"></script>
+    <script type="text/javascript">
+      $('form').jsonForm({
+          "schema": {
+            "image_url1": {
+              "type": "string",
+              "title": "Image Url 1:"
+            },
+            "image_url2": {
+              "type": "string",
+              "title": "Image Url 2:"
+            },
+            "dimensions_match": {
+                  "type": "string",
+                  "title": "Match Dimensions To:",
+                  "enum": [ "smaller", "larger" ]
+            },
+            "frames_match": {
+                  "type": "string",
+                  "title": "Match Frame Count To:",
+                  "enum": [ "shorter", "longer" ]
+            },
+            "merge_direction": {
+                  "type": "string",
+                  "title": "Merge Direction:",
+                  "enum": [ "right", "down" ]
+            },
+            "finalformat": {
+                  "type": "string",
+                  "title": "Merge Direction:",
+                  "enum": [ "gif", "jpg", "png" ]
+            }
+          }
+      });
+    </script>
+  </body>
+</html>