summaryrefslogtreecommitdiff
path: root/share/web_surfaces/index.html
blob: d1bd65b599efc549ba978ed6c41d5c6cd9c58881 (plain)
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
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Ardour Web Surfaces</title>
        <link rel="stylesheet" type="text/css" href="index/main.css">
    </head>
    <body>
        <div id="top-bar">
            <img id="logo" src="index/logo.png">
        </div>
        <div id="content">
            <h2 id="loading">Loading...</h2>
            <pre id="error" style="display:none"></pre>
            <div id="local" style="display:none">
                <h2>This page cannot be loaded from a local file</h2>
                <p>Follow these steps instead:</p>
                <ul>
                    <li>Open Ardour</li>
                    <li>Enable the WebSockets Server surface</li>
                    <li>
                        Click on the following link
                        <a href="http://localhost:3818/">http://localhost:3818</a>
                    </li>
                </ul>
            </div>
            <div id="index" style="display:none">
                <h1>Available Web Surfaces</h1>
                <div class="surface-list" id="builtin">
                    <h2>Built-In</h2>
                    <ul></ul>
                </div>
                <div class="surface-list" id="user">
                    <h2>User</h2>
                    <ul></ul>
                </div>
            </div>
        </div>
        <script>
            if (!location.hostname) {
                document.getElementById('loading').style.display = 'none';
                document.getElementById('local').style.display = 'inline';
            }
        </script>
        <script type="module" src="index/main.js"></script>
    </body>
</html>