This repository has no description
1.4 kB
44 lines
1<!doctype html>
2<html lang="en">
3 <head>
4 <meta charset="utf-8" />
5 <meta
6 name="viewport"
7 content="width=device-width, initial-scale=1, viewport-fit=cover"
8 />
9 <meta name="theme-color" content="#111" />
10 <title>Hermes voice</title>
11 <link rel="manifest" href="/manifest.webmanifest" />
12 <link rel="stylesheet" href="/style.css" />
13 </head>
14 <body>
15 <main>
16 <header>
17 <h1>Hermes voice</h1>
18 <select id="voice-select" aria-label="Voice"></select>
19 <button id="new" type="button" class="link">New conversation</button>
20 </header>
21 <form id="login" class="login" hidden>
22 <input
23 id="token"
24 type="password"
25 autocomplete="current-password"
26 placeholder="Access token"
27 required
28 />
29 <button type="submit">Sign in</button>
30 </form>
31 <button id="talk" type="button" class="talk">Talk</button>
32 <p id="status" class="status">Idle</p>
33 <p id="cost" class="cost"></p>
34 <section id="approval" class="approval" hidden>
35 <p id="approval-text"></p>
36 <button id="approve" type="button">Approve once</button>
37 <button id="deny" type="button">Deny</button>
38 </section>
39 <ol id="log" class="log"></ol>
40 </main>
41 <audio id="voice" autoplay playsinline></audio>
42 <script src="/app.js"></script>
43 </body>
44</html>