codespaces-blank/index.html at main · cdillonmh/codespaces-blank · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>Hind Double Ocarina Transposer</title>
                <script src="https://unpkg.com/@tonejs/midi"></script>
                    <style>
                            body { font-family: system-ui, sans-serif; padding: 20px; max-width: 600px; margin: 0 auto; }
                                    #output { background: #f4f4f4; padding: 15px; border-radius: 8px; white-space: pre-wrap; font-family: monospace; overflow-x: auto; }
                                            .upload-btn { margin: 20px 0; }
                                                </style>
                                                </head>
                                                <body>
                                                    <h2>Ocarina Transposition Engine</h2>
                                                        <p>Upload a 2-track MIDI file (Melody on Track 1, Harmony on Track 2) to see if it fits the Hind Double.</p>

                                                                <input type="file" id="midi-upload" class="upload-btn" accept=".mid,.midi">

                                                                        <div id="output">Waiting for file upload...</div>

                                                                            <script src="app.js"></script>
                                                                            </body>
                                                                            </html>