src/index.html


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

<!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>