-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
74 lines (74 loc) · 1.91 KB
/
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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<html>
<head>
<meta charset="utf-8" />
<link rel="manifest" href="manifest.webmanifest" />
<link rel="shortcut icon" href="img/mic.svg" type="image/svg+xml" />
<script>
window.__unocss = {
theme: {
fontFamily: {
mono: ['source code pro', 'monospace'],
},
},
};
</script>
<script src="https://cdn.jsdelivr.net/npm/@unocss/runtime/mini.global.js"></script>
<script src="ua-parser.min.js" defer></script>
<script src="main.js" defer></script>
<script
src="https://unpkg.com/[email protected]/dist/cdn.min.js"
defer
></script>
<script src="post-alpine.js" defer></script>
<style>
[un-cloak] {
display: none;
}
body {
background-color: #333333;
}
</style>
</head>
<body class="bg-#333333">
<div id="main" flex flex-col items-center font-mono un-cloak p-1rem>
<div m-3rem>
<img
id="loading-icon"
src="https://api.iconify.design/line-md/loading-twotone-loop.svg?color=%23d8dee9&width=20"
align-bottom
/>
<span id="textBox">recognizing...</span>
</div>
<input
id="toggleBut"
type="button"
value="recognize"
border="solid 1px transparent"
inline-block
py-2
min-w-12rem
bg-sky-600
text-white
rounded-md
font-mono
/>
<div id="shortcut-label" class="text-#535353 text-sm m-1.5">
shortcut: space bar
</div>
<div id="lang-div" x-data="{langs}">
<select
id="lang-select"
class="p-1.5"
rounded-lg
bg-stone-700
text-stone-300
m-3rem
>
<template x-for="[lang, langID] in langs">
<option x-bind:value="langID" x-text="lang"></option>
</template>
</select>
</div>
</div>
</body>
</html>