aboutsummaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'index.html')
-rw-r--r--index.html41
1 files changed, 40 insertions, 1 deletions
diff --git a/index.html b/index.html
index 71b17c4..751187d 100644
--- a/index.html
+++ b/index.html
@@ -16,6 +16,8 @@
16 <link rel="mask-icon" href="favicon.svg" color="#000000"> 16 <link rel="mask-icon" href="favicon.svg" color="#000000">
17 <link rel="apple-touch-icon" href="favicon.svg"> 17 <link rel="apple-touch-icon" href="favicon.svg">
18 18
19 <link rel="stylesheet" href="app.css" type="text/css">
20
19 <title>EchoClip</title> 21 <title>EchoClip</title>
20</head> 22</head>
21 23
@@ -25,13 +27,50 @@
25 <p>A web tool to record and play back audio clips.</p> 27 <p>A web tool to record and play back audio clips.</p>
26 </header> 28 </header>
27 29
30 <section id="error">
31 <noscript>
32 This web application requires JavaScript support to be functional.
33 </noscript>
34 </section>
35
36 <section>
37 <fieldset>
38 <legend>Record a new clip</legend>
39
40 <button id="record">Hold (space) to record</button>
41
42 <input type="checkbox" id="autoplay" name="autoplay" checked>
43 <label for="autoplay">Autoplay</label>
44 </fieldset>
45 </section>
46
47 <section>
48 <fieldset>
49 <legend>Saved clips</legend>
50
51 <p>
52 Latest on top.
53 Hold a number key (1-9) for quick replay.
54 </p>
55
56 <button id="clear">Clear all</button>
57
58 <ol id="clips">
59 </ol>
60 </fieldset>
61 </section>
62
28 <footer> 63 <footer>
64 <p>Speak, sing, practice, have fun! Nothing is sent out to the network.</p>
65
29 <ul> 66 <ul>
30 <li><a href="https://pacien.org">&copy; 2024 Pacien</a></li> 67 <li><a href="https://pacien.org">&copy; 2024 Pacien</a></li>
31 <li><a href="https://cgit.pacien.net/echoclip">Source code (EUPL)</a></li> 68 <li><a href="https://cgit.pacien.net/echoclip">Source code (EUPL)</a></li>
32 <li><a href="https://www.paypal.com/paypalme/pacien/10">Donate</a></li> 69 <li><a href="https://www.paypal.com/paypalme/pacien/10">Donate</a></li>
33 </ul> 70 </ul>
34 </footer> 71 </footer>
72
73 <script src="app.js"></script>
35</body> 74</body>
36 75
37</html> 76</html> \ No newline at end of file