« get me outta code hell

scratchblocks-generator-3 - scratchblocks generator for projects made in 3.0
about summary refs log tree commit diff
path: root/src/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'src/index.html')
-rw-r--r--src/index.html34
1 files changed, 34 insertions, 0 deletions
diff --git a/src/index.html b/src/index.html
new file mode 100644
index 0000000..d6f887e
--- /dev/null
+++ b/src/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>scratchblocks 3 generator</title>
+        <script src="https://scratchblocks.github.io/js/scratchblocks-v3.4-min.js"></script>
+    </head>
+    <body>
+        <div id="container">
+            <h1>scratchblocks 3 generator</h1>
+            <div id="setup-step">
+                <form id="form">
+                    <div id="url-input-container">
+                        <input id="url-input" type="text" placeholder="https://scratch.mit.edu/projects/...">
+                    </div>
+                    <div id="download-indicator"></div>
+                    <a id="generate-button" class="button" tabindex="0">Generate</a>
+                    <span id="or">or</span>
+                    <label>
+                        <a id="upload-button" class="button" tabindex="0">Upload a Project</a>
+                        <input id="file-input" type="file" accept=".sb3">
+                    </label>
+                    <div id="error-element"></div>
+                </form>
+            </div>
+            <div id="present-step">
+                <div id="script-area">
+                </div>
+                <div id="target-list">
+                </div>
+            </div>
+        </div>
+    </body>
+</html>