-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
320 lines (312 loc) · 37.7 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
<!doctype html>
<html lang="en" dir="ltr" data-theme="base-system">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta
name="description"
content="Discover inspiring quotes from your favorite books with Word O’Clock. Customize language, colors, and more for a unique experience"
/>
<meta name="keywords" content="literature, quotes, books, clock, reading, wisdom" />
<link rel="canonical" href="https://clockception.netlify.app" />
<meta name="robots" content="index, follow" />
<link rel="alternate" href="https://clockception.netlify.app?locale=cs-CZ" hreflang="cs" />
<link rel="alternate" href="https://clockception.netlify.app?locale=de-DE" hreflang="de" />
<link rel="alternate" href="https://clockception.netlify.app?locale=el-GR" hreflang="el" />
<link rel="alternate" href="https://clockception.netlify.app?locale=en-US" hreflang="en" />
<link rel="alternate" href="https://clockception.netlify.app?locale=es-ES" hreflang="es" />
<link rel="alternate" href="https://clockception.netlify.app?locale=fr-FR" hreflang="fr" />
<link rel="alternate" href="https://clockception.netlify.app?locale=it-IT" hreflang="it" />
<link rel="alternate" href="https://clockception.netlify.app?locale=nl-NL" hreflang="nl" />
<link rel="alternate" href="https://clockception.netlify.app?locale=no-NO" hreflang="no" />
<link rel="alternate" href="https://clockception.netlify.app?locale=pt-PT" hreflang="pt" />
<link rel="alternate" href="https://clockception.netlify.app?locale=ro-RO" hreflang="ro" />
<link rel="alternate" href="https://clockception.netlify.app?locale=sv-SE" hreflang="sv" />
<link rel="alternate" href="https://clockception.netlify.app?locale=tr-TR" hreflang="tr" />
<link rel="alternate" href="https://clockception.netlify.app?locale=ca-ES" hreflang="ca" />
<link rel="alternate" href="https://clockception.netlify.app?locale=ru-RU" hreflang="ru" />
<link rel="alternate" href="https://clockception.netlify.app?locale=zh-CN" hreflang="zh" />
<link rel="alternate" href="https://clockception.netlify.app?locale=ja-JP" hreflang="ja" />
<link rel="alternate" href="https://clockception.netlify.app?locale=he-IL" hreflang="he" />
<link rel="alternate" href="https://clockception.netlify.app?locale=ar-AE" hreflang="ar" />
<!-- Open Graph tags -->
<meta property="og:title" content="Word O’Clock - Online Literary Quotes Clock" />
<meta
property="og:description"
content="Discover inspiring quotes from your favorite books with Word O’Clock. Customize language, colors, and more for a unique experience"
/>
<meta property="og:url" content="https://clockception.netlify.app" />
<meta property="og:image" content="https://clockception.netlify.app/assets/github-dark.png" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />
<meta property="og:site_name" content="Word O’Clock" />
<!-- Twitter meta tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Word O’Clock - Online Literary Quotes Clock" />
<meta
name="twitter:description"
content="Discover inspiring quotes from your favorite books with Word O’Clock. Customize language, colors, and more for a unique experience"
/>
<meta name="twitter:image" content="https://clockception.netlify.app/images/github-dark.png" />
<meta name="twitter:site" content="@CarlosBonadeo" />
<link rel="stylesheet" href="src/styles/styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css?family=Tektur&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=LXGW+WenKai+Mono+TC&display=swap" rel="stylesheet" />
<title>Word O’Clock</title>
</head>
<body data-loading>
<main>
<div id="photo-overlay"></div>
<div id="time-clock"></div>
<div id="clock" dir="ltr"></div>
</main>
<footer>
<button id="exit-zen" title="Exit Zen mode" data-title="exit_zen_title">
<span class="sr-only" data-text="exit_zen_title"></span>
</button>
<div id="menu">
<div id="settings">
<span class="input-group">
<button id="zen" data-title="zen_mode">
<svg
width="15"
height="15"
fill="currentColor"
viewBox="0 0 6.35 6.35"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M50.735 6.01c-1.037-.07-1.56-.266-1.786-.666-.185-.33-.116-1.027.145-1.473.29-.496.847-.705 1.866-.702l.62.001-.465-.165c-1.095-.388-1.443-.73-1.126-1.106.134-.16.574-.385.96-.494.288-.08.279-.106-.055-.151-.427-.058-.841-.402-.841-.698 0-.375.353-.533 1.505-.675.304-.037.782-.099 1.062-.136.28-.038.574-.057.653-.043.175.032.321.178.321.32 0 .343-.592.843-1.3 1.1l-.262.094.46.026c.528.03.937.138 1.41.37.345.17.718.48.825.688.158.306.01.787-.309 1.007-.243.167-.503.235-.919.238l-.338.003.325.141c.429.186.662.326.913.548.328.289.404.442.383.775-.023.35-.158.545-.491.708-.57.279-1.991.394-3.556.29z"
transform="translate(-48.643 .302)"
/>
</svg>
<span id="zen-label" class="sr-only" data-text="zen_mode">Zen</span>
</button>
<button id="focus" data-title="focus_mode">
<svg
width="15"
height="15"
fill="currentColor"
viewBox="0 0 6.35 6.35"
id="svg351"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M 3.1758268 0 A 0.2539995 0.2539995 0 0 0 2.9219922 0.25383464 L 2.9219922 0.68130208 C 1.7430511 0.80091479 0.80090534 1.7431151 0.68130208 2.9219922 L 0.25383464 2.9219922 A 0.2539995 0.2539995 0 0 0 0 3.1758268 A 0.2539995 0.2539995 0 0 0 0.25383464 3.4296615 L 0.68130208 3.4296615 C 0.80090534 4.6083392 1.7430511 5.5492844 2.9219922 5.6686979 L 2.9219922 6.0953385 A 0.2539995 0.2539995 0 0 0 3.1758268 6.35 A 0.2539995 0.2539995 0 0 0 3.4296615 6.0953385 L 3.4296615 5.6686979 C 4.6084032 5.5492844 5.5492939 4.6083392 5.6686979 3.4296615 L 6.0953385 3.4296615 A 0.2539995 0.2539995 0 0 0 6.35 3.1758268 A 0.2539995 0.2539995 0 0 0 6.0953385 2.9219922 L 5.6686979 2.9219922 C 5.5492939 1.7431151 4.6084032 0.80091479 3.4296615 0.68130208 L 3.4296615 0.25383464 A 0.2539995 0.2539995 0 0 0 3.1758268 0 z M 2.9219922 1.3204362 L 2.9219922 1.8355469 A 0.2539995 0.2539995 0 0 0 3.1758268 2.0902083 A 0.2539995 0.2539995 0 0 0 3.4296615 1.8355469 L 3.4296615 1.3204362 C 4.2631803 1.4325109 4.9177732 2.0883187 5.0295638 2.9219922 L 4.5152799 2.9219922 A 0.2539995 0.2539995 0 0 0 4.2614453 3.1758268 A 0.2539995 0.2539995 0 0 0 4.5152799 3.4296615 L 5.0295638 3.4296615 C 4.9177717 4.2630983 4.263197 4.9177508 3.4296615 5.0295638 L 3.4296615 4.5136263 A 0.2539995 0.2539995 0 0 0 3.1758268 4.2597917 A 0.2539995 0.2539995 0 0 0 2.9219922 4.5136263 L 2.9219922 5.0295638 C 2.0882201 4.9177524 1.43249 4.2630817 1.3204362 3.4296615 L 1.8355469 3.4296615 A 0.2539995 0.2539995 0 0 0 2.0902083 3.1758268 A 0.2539995 0.2539995 0 0 0 1.8355469 2.9219922 L 1.3204362 2.9219922 C 1.4324885 2.0883353 2.0882367 1.4325093 2.9219922 1.3204362 z M 3.175 2.9211654 A 0.25400001 0.25400001 0 0 0 2.9211654 3.175 A 0.25400001 0.25400001 0 0 0 3.175 3.4288346 A 0.25400001 0.25400001 0 0 0 3.4288346 3.175 A 0.25400001 0.25400001 0 0 0 3.175 2.9211654 z "
/>
</svg>
<span class="sr-only" data-text="focus_mode">Focus</span>
</button>
<button id="fuzzy" data-title="fuzzy_mode">
<svg
width="15"
height="15"
fill="currentColor"
viewBox="0 0 6.35 6.35"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M 3.175 0.00082682292 A 0.2116777 0.2116976 0 0 0 2.9906185 0.10500651 L 1.5246615 2.6466602 A 0.2116777 0.2116976 0 0 0 1.709043 2.9625065 L 4.6417839 2.9625065 A 0.2116777 0.2116976 0 0 0 4.8236849 2.6466602 L 3.3577279 0.10500651 A 0.2116777 0.2116976 0 0 0 3.175 0.00082682292 z M 1.4824935 3.3866667 C 0.66670109 3.3866667 0 4.0533678 0 4.8691602 C 0 5.6849524 0.66670109 6.35 1.4824935 6.35 C 2.2982859 6.35 2.9625065 5.6849524 2.9625065 4.8691602 C 2.9625065 4.0533678 2.2982859 3.3866666 1.4824935 3.3866667 z M 3.753776 3.4065104 C 3.5522731 3.416945 3.3866666 3.5872958 3.3866667 3.7909831 L 3.3866667 5.9647005 C 3.3866666 6.1749584 3.5633655 6.35 3.7736198 6.35 L 5.9630469 6.35 C 6.1733012 6.35 6.35 6.1749584 6.35 5.9647005 L 6.35 3.7909831 C 6.35 3.5807253 6.1733012 3.4065104 5.9630469 3.4065104 L 3.7736198 3.4065104 C 3.7670498 3.4065104 3.7602758 3.4061738 3.753776 3.4065104 z "
/>
</svg>
<span class="sr-only" data-text="fuzzy_mode">Fuzzy</span>
</button>
<button id="mini" data-title="mini">
<svg
width="15"
height="15"
fill="currentColor"
viewBox="0 0 6.35 6.35"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M 0.92025391 0 L 0.8516276 0.0041341146 C 0.84248761 0.0043304844 0.83341944 0.0046828615 0.82434245 0.0057877604 L 0.75985026 0.017363281 C 0.75068027 0.01820684 0.7416081 0.019738398 0.7325651 0.021497396 L 0.66807292 0.038860677 C 0.65948853 0.041054575 0.6507742 0.044117519 0.64244141 0.047128906 L 0.58208333 0.068626302 C 0.57342334 0.072099699 0.56471181 0.075867777 0.55645182 0.080201823 L 0.50022786 0.10748698 C 0.49152787 0.11159698 0.48281535 0.11571825 0.47459635 0.12071615 L 0.42167969 0.15461589 C 0.4136097 0.15942088 0.40606864 0.16472053 0.39852865 0.17032552 L 0.34809245 0.20670573 C 0.34130245 0.21225072 0.33447569 0.21872884 0.3282487 0.22489583 L 0.28111979 0.26789062 C 0.2749498 0.27411762 0.2693015 0.28012096 0.26375651 0.28690755 L 0.22076172 0.33403646 C 0.21459172 0.34026345 0.20894343 0.34709362 0.20339844 0.35388021 L 0.16619141 0.40597005 C 0.16064141 0.41287605 0.15534077 0.42005866 0.15048177 0.42746745 L 0.1190625 0.48203776 C 0.1141225 0.48962075 0.11000533 0.49798303 0.10583333 0.50601562 L 0.078548177 0.56472005 C 0.074878181 0.57301704 0.071466299 0.58090535 0.068626302 0.58952474 L 0.044648437 0.65070964 C 0.041638441 0.65904263 0.039397029 0.66693003 0.037207031 0.67551432 L 0.021497396 0.74000651 C 0.019077398 0.7490155 0.017199634 0.75808368 0.015709635 0.76729167 L 0.0057877604 0.83426432 C 0.0046877615 0.84334131 0.0043341144 0.85240819 0.0041341146 0.86154948 L 0 0.92934896 C -8.3199917e-05 0.93325495 -8.3199917e-05 0.93784551 0 0.9417513 L 0 1.0492383 C -1.6696674e-05 1.0697251 0.0023843023 1.0895575 0.0066145833 1.1087695 C 0.0021417543 1.128494 -1.7126162e-05 1.148873 0 1.1699544 L 0 2.6764258 C -3.8812461e-06 2.6811803 -0.00023442622 2.6857863 0 2.6904818 L 0 3.0013672 C -0.00023444342 3.0060626 -3.8624961e-06 3.0106687 0 3.0154232 L 0 3.7761003 C -3.8812461e-06 3.7808548 -0.00023442622 3.7854608 0 3.7901562 L 0 5.593457 C 0 6.005957 0.33705336 6.35 0.74992839 6.35 L 3.982806 6.35 L 5.3404492 6.35 C 5.3532133 6.3500104 5.36618 6.3491916 5.3784831 6.3475195 C 5.3952573 6.3497959 5.4122203 6.3509061 5.4297461 6.35 L 5.4983724 6.3458659 C 5.5075124 6.3456695 5.5165806 6.3444872 5.5256576 6.3433854 L 5.5901497 6.3318099 C 5.5993197 6.3309664 5.6083919 6.3302626 5.6174349 6.3285026 L 5.6819271 6.3103125 C 5.6905071 6.3081225 5.6992256 6.3058811 5.7075586 6.3028711 L 5.7679167 6.2813737 C 5.7765767 6.2779037 5.7852882 6.2741372 5.7935482 6.2697982 L 5.8497721 6.242513 C 5.8584721 6.238403 5.8671847 6.233459 5.8754036 6.228457 L 5.9283203 6.1953841 C 5.9363903 6.1905841 5.9439314 6.1852795 5.9514714 6.1796745 L 6.0019076 6.1424674 C 6.0086975 6.1369175 6.0155243 6.1312712 6.0217513 6.1251042 L 6.0688802 6.0821094 C 6.0750502 6.0758794 6.0806985 6.0690516 6.0862435 6.0622656 L 6.1292383 6.0159635 C 6.1354083 6.0097335 6.1410566 6.0029058 6.1466016 5.9961198 L 6.1838086 5.9432031 C 6.1893586 5.9362931 6.1946592 5.9291137 6.1995182 5.9217057 L 6.2309375 5.8671354 C 6.2358775 5.8595554 6.2399947 5.8520164 6.2441667 5.8439844 L 6.2714518 5.7852799 C 6.2751218 5.77698 6.2785337 5.7682684 6.2813737 5.7596484 L 6.3053516 5.6992904 C 6.3083616 5.6909604 6.310603 5.6822438 6.312793 5.6736589 L 6.3285026 5.6091667 C 6.3309226 5.6001567 6.3328004 5.5910895 6.3342904 5.5818815 L 6.3442122 5.5157357 C 6.3453122 5.5066557 6.3456659 5.4975915 6.3458659 5.4884505 L 6.35 5.4198242 C 6.3500832 5.4159142 6.3500832 5.4121577 6.35 5.4082487 L 6.35 5.3007617 C 6.3501231 5.1486137 6.226816 5.0253017 6.074668 5.0254297 C 5.9225228 5.0253057 5.7992119 5.1486166 5.7993359 5.3007617 L 5.7993359 5.4008073 L 5.7968555 5.4495898 L 5.7910677 5.4884505 L 5.7819727 5.5256576 L 5.7695703 5.5628646 L 5.752207 5.5959375 L 5.7323633 5.6290104 L 5.7108659 5.6579492 L 5.6860612 5.6852344 L 5.658776 5.7108659 L 5.6290104 5.7323633 L 5.5975911 5.752207 L 5.5645182 5.7695703 L 5.5297917 5.7811458 L 5.4925846 5.7910677 L 5.4553776 5.7968555 L 5.4024609 5.7985091 C 5.3932221 5.7989491 5.3841375 5.8004975 5.3751758 5.8018164 L 5.374349 5.8018164 C 5.3634042 5.8005017 5.3517504 5.7993268 5.3404492 5.7993359 L 4.7054492 5.7993359 C 4.7242064 5.7338 4.734388 5.6644945 4.734388 5.593457 L 4.734388 2.3729818 C 4.734388 1.9604818 4.3956811 1.615612 3.982806 1.615612 L 0.74992839 1.615612 C 0.68093029 1.615612 0.61421117 1.6249076 0.55066406 1.6428971 L 0.55066406 1.1699544 C 0.55068072 1.1494472 0.54828804 1.1296529 0.54404948 1.1104232 C 0.54853646 1.0906692 0.55068127 1.070354 0.55066406 1.0492383 L 0.55066406 0.94919271 L 0.55314453 0.90041016 L 0.55893229 0.86154948 L 0.56802734 0.82434245 L 0.58042969 0.78713542 L 0.59779297 0.7540625 L 0.61763672 0.72098958 L 0.63913411 0.69122396 L 0.6639388 0.6639388 L 0.69122396 0.63830729 L 0.72098958 0.6168099 L 0.75240885 0.59779297 L 0.78548177 0.58042969 L 0.82020833 0.56802734 L 0.85741536 0.55893229 L 0.8946224 0.55314453 L 0.94753906 0.55066406 C 1.0997772 0.54341853 1.2166842 0.4143101 1.2088151 0.26210286 C 1.2015699 0.10986447 1.0724614 -0.0078690921 0.92025391 0 z M 1.9339388 0 C 1.7883795 0.0072672127 1.6725426 0.12794123 1.6726628 0.27533203 C 1.6725388 0.42747738 1.7958489 0.55078826 1.9479948 0.55066406 L 2.7086719 0.55066406 C 2.8608167 0.55078766 2.9841279 0.42747698 2.9840039 0.27533203 C 2.9841279 0.12318708 2.8608167 -0.00012359988 2.7086719 0 L 1.9479948 0 C 1.9432402 -3.8812461e-06 1.9386343 -0.00023442622 1.9339388 0 z M 3.6272721 0 C 3.4817128 0.0072672127 3.365876 0.12794123 3.3659961 0.27533203 C 3.3658721 0.42747738 3.4891823 0.55078826 3.6413281 0.55066406 L 4.4020052 0.55066406 C 4.5541501 0.55078766 4.6774612 0.42747698 4.6773372 0.27533203 C 4.6774612 0.12318708 4.5541501 -0.00012359988 4.4020052 0 L 3.6413281 0 C 3.6365736 -3.8812461e-06 3.6319676 -0.00023442622 3.6272721 0 z M 5.4016341 0 C 5.2619532 0.0069659478 5.1479773 0.11937937 5.1411849 0.26210286 C 5.1333158 0.4143101 5.2502228 0.54341853 5.4024609 0.55066406 L 5.4553776 0.55314453 L 5.4925846 0.55893229 L 5.5297917 0.56802734 L 5.5645182 0.58042969 L 5.5975911 0.59779297 L 5.6290104 0.6168099 L 5.658776 0.63830729 L 5.6860612 0.6639388 L 5.7108659 0.69122396 L 5.7323633 0.72098958 L 5.752207 0.7540625 L 5.7695703 0.78713542 L 5.7819727 0.82434245 L 5.7910677 0.86154948 L 5.7968555 0.90041016 L 5.7993359 0.94919271 L 5.7993359 1.0492383 C 5.7992119 1.2013834 5.9225228 1.3246943 6.074668 1.3245703 C 6.226816 1.3246983 6.3501231 1.2013863 6.35 1.0492383 L 6.35 0.9417513 C 6.3500832 0.93784551 6.3500832 0.93325495 6.35 0.92934896 L 6.3458659 0.86154948 C 6.3456659 0.85240819 6.3453122 0.84334131 6.3442122 0.83426432 L 6.3342904 0.76729167 C 6.3328004 0.75808368 6.3309226 0.7490155 6.3285026 0.74000651 L 6.312793 0.67551432 C 6.310603 0.66693003 6.3083616 0.65904263 6.3053516 0.65070964 L 6.2813737 0.58952474 C 6.2785337 0.58090535 6.2751218 0.57301704 6.2714518 0.56472005 L 6.2441667 0.50601562 C 6.2399947 0.49798303 6.2358775 0.48962075 6.2309375 0.48203776 L 6.1995182 0.42746745 C 6.1946592 0.42005866 6.1893586 0.41287605 6.1838086 0.40597005 L 6.1466016 0.35388021 C 6.1410566 0.34709362 6.1354083 0.34026345 6.1292383 0.33403646 L 6.0862435 0.28690755 C 6.0806985 0.28012096 6.0750502 0.27411762 6.0688802 0.26789062 L 6.0217513 0.22489583 C 6.0155243 0.21872884 6.0086975 0.21225072 6.0019076 0.20670573 L 5.9514714 0.17032552 C 5.9439314 0.16472053 5.9363903 0.15942088 5.9283203 0.15461589 L 5.8754036 0.12071615 C 5.8671847 0.11571825 5.8584721 0.11159698 5.8497721 0.10748698 L 5.7935482 0.080201823 C 5.7852882 0.075867777 5.7765767 0.072099699 5.7679167 0.068626302 L 5.7075586 0.047128906 C 5.6992256 0.044117509 5.6905071 0.041054575 5.6819271 0.038860677 L 5.6174349 0.021497396 C 5.6083919 0.019738398 5.5993197 0.01820684 5.5901497 0.017363281 L 5.5256576 0.0057877604 C 5.5165806 0.0046828615 5.5075124 0.0043304844 5.4983724 0.0041341146 L 5.4297461 0 C 5.4202331 -0.00049181826 5.4109462 -0.00046439652 5.4016341 0 z M 6.060612 1.6726628 C 5.9150535 1.6799301 5.7992162 1.8006045 5.7993359 1.9479948 L 5.7993359 2.7086719 C 5.7992117 2.8608177 5.9225226 2.9841279 6.074668 2.9840039 C 6.2268133 2.9841279 6.3501242 2.8608177 6.35 2.7086719 L 6.35 1.9479948 C 6.3501236 1.7958499 6.2268129 1.6725388 6.074668 1.6726628 C 6.0699134 1.6726589 6.0653074 1.6724283 6.060612 1.6726628 z M 6.060612 3.3659961 C 5.9150535 3.3732635 5.7992162 3.4939378 5.7993359 3.6413281 L 5.7993359 4.4020052 C 5.7992117 4.5541511 5.9225226 4.6774612 6.074668 4.6773372 C 6.2268133 4.6774612 6.3501242 4.5541511 6.35 4.4020052 L 6.35 3.6413281 C 6.3501236 3.4891833 6.2268129 3.3658721 6.074668 3.3659961 C 6.0699134 3.3659922 6.0653074 3.3657617 6.060612 3.3659961 z "
/>
</svg>
<span class="sr-only" data-text="mini">Mini</span>
</button>
<button id="solid" data-title="solid">
<svg
width="15"
height="15"
fill="currentColor"
viewBox="0 0 6.35 6.35"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M 0.91611979 0 C 0.41344038 0 -1.2533172e-16 0.41344038 0 0.91611979 L 0 2.6491406 A 0.27516651 0.27516651 0 0 0 0 2.7351302 L 0 5.4338802 C 0 5.9365597 0.41344038 6.35 0.91611979 6.35 L 5.4338802 6.35 C 5.9365597 6.35 6.35 5.9365597 6.35 5.4338802 L 6.35 0.91611979 C 6.35 0.41344038 5.9365597 -1.2533172e-16 5.4338802 0 L 0.91611979 0 z M 0.95167318 0.56058594 L 5.4338802 0.56058594 C 5.6355148 0.56058594 5.7894141 0.7144852 5.7894141 0.91611979 L 5.7894141 5.4008073 L 3.4404102 3.0509766 A 0.27516651 0.27516651 0 0 0 3.4404102 3.0501497 A 0.27516651 0.27516651 0 0 0 3.3825326 2.9666406 A 0.27516651 0.27516651 0 0 0 3.3039844 2.913724 L 0.95167318 0.56058594 z M 0.56058594 0.95167318 L 1.0922331 1.4824935 L 0.56058594 2.0133138 L 0.56058594 0.95167318 z M 1.4808398 1.8711003 L 1.9388997 2.3291602 L 0.56058594 3.7066471 L 0.56058594 2.7905273 L 1.4808398 1.8711003 z M 2.3283333 2.7185937 L 2.7855664 3.175 L 0.56058594 5.3999805 L 0.56058594 4.4838607 A 0.27516651 0.27516651 0 0 0 0.57216146 4.4747656 L 2.3283333 2.7185937 z M 3.1741732 3.5636068 L 3.6330599 4.0216667 L 1.8644857 5.7894141 L 0.95084635 5.7894141 L 3.1741732 3.5636068 z M 4.0216667 4.4102734 L 4.4797266 4.8683333 L 3.557819 5.7894141 L 2.6416992 5.7894141 L 4.0216667 4.4102734 z M 4.8691602 5.2577669 L 5.4008073 5.7894141 L 4.3358594 5.7894141 L 4.8691602 5.2577669 z "
/>
</svg>
<span class="sr-only" data-text="solid">Solid</span>
</button>
<button id="seconds" data-title="seconds_mode">
<svg
width="15"
height="15"
fill="currentColor"
viewBox="0 0 6.35 6.35"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M 0.91611979 0 C 0.41343988 0 1.2533172e-16 0.41343988 0 0.91611979 L 0 5.4338802 C 0 5.9365602 0.41343988 6.35 0.91611979 6.35 L 5.4338802 6.35 C 5.9365602 6.35 6.35 5.9365602 6.35 5.4338802 L 6.35 0.91611979 C 6.35 0.41343988 5.9365602 1.2533172e-16 5.4338802 0 L 0.91611979 0 z M 0.91611979 0.56058594 L 5.4338802 0.56058594 C 5.635515 0.56058594 5.7894141 0.714485 5.7894141 0.91611979 L 5.7894141 5.4338802 C 5.7894141 5.635515 5.635515 5.7894141 5.4338802 5.7894141 L 0.91611979 5.7894141 C 0.714485 5.7894141 0.56058595 5.635515 0.56058594 5.4338802 L 0.56058594 0.91611979 C 0.56058594 0.714485 0.714485 0.56058594 0.91611979 0.56058594 z M 2.091862 1.0467578 A 0.28045851 0.28045851 0 0 0 1.8107422 1.3278776 A 0.28045851 0.28045851 0 0 0 2.091862 1.6073437 L 4.258138 1.6073437 A 0.28045851 0.28045851 0 0 0 4.5392578 1.3278776 A 0.28045851 0.28045851 0 0 0 4.258138 1.0467578 L 2.091862 1.0467578 z "
/>
</svg>
<span id="seconds-label" class="sr-only" data-text="seconds_mode">Seconds</span>
</button>
<button id="show-time" data-title="time_mode">
<svg
width="15"
height="15"
fill="currentColor"
viewBox="0 0 6.35 6.35"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M 0.91611979 0 C 0.41343988 0 1.2533172e-16 0.41343988 0 0.91611979 L 0 5.4338802 C 0 5.9365602 0.41343988 6.35 0.91611979 6.35 L 5.4338802 6.35 C 5.9365602 6.35 6.35 5.9365602 6.35 5.4338802 L 6.35 0.91611979 C 6.35 0.41343988 5.9365602 1.2533172e-16 5.4338802 0 L 0.91611979 0 z M 0.91611979 0.56058594 L 5.4338802 0.56058594 C 5.635515 0.56058594 5.7894141 0.714485 5.7894141 0.91611979 L 5.7894141 5.4338802 C 5.7894141 5.635515 5.635515 5.7894141 5.4338802 5.7894141 L 0.91611979 5.7894141 C 0.714485 5.7894141 0.56058595 5.635515 0.56058594 5.4338802 L 0.56058594 0.91611979 C 0.56058594 0.714485 0.714485 0.56058594 0.91611979 0.56058594 z M 2.091862 1.0467578 A 0.28045851 0.28045851 0 0 0 1.8107422 1.3278776 A 0.28045851 0.28045851 0 0 0 2.091862 1.6073437 L 4.258138 1.6073437 A 0.28045851 0.28045851 0 0 0 4.5392578 1.3278776 A 0.28045851 0.28045851 0 0 0 4.258138 1.0467578 L 2.091862 1.0467578 z "
/>
</svg>
<span id="time-label" class="sr-only" data-text="time_mode">Time</span>
</button>
<button id="fullscreen" data-title="fullscreen_mode">
<svg
width="15"
height="15"
fill="currentColor"
viewBox="0 0 6.35 6.35"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M 3.9770182 0 A 0.33151773 0.33151773 0 0 0 3.6479427 0.3356901 A 0.33151773 0.33151773 0 0 0 3.9770182 0.66476562 L 5.2172526 0.66476562 L 3.7438542 2.1381641 A 0.33151773 0.33151773 0 0 0 3.7438542 2.6061458 A 0.33151773 0.33151773 0 0 0 4.2143164 2.6061458 L 5.6877148 1.1327474 L 5.6877148 2.3754622 A 0.33151773 0.33151773 0 0 0 6.0209245 2.7045378 A 0.33151773 0.33151773 0 0 0 6.35 2.3754622 L 6.35 0.3356901 A 0.33155089 0.33155089 0 0 0 6.35 0.33486328 A 0.33155089 0.33155089 0 0 0 6.35 0.33403646 A 0.33155089 0.33155089 0 0 0 6.35 0.33320964 A 0.33151773 0.33151773 0 0 0 6.35 0.33238281 A 0.33151773 0.33151773 0 0 0 6.35 0.33155599 A 0.33151773 0.33151773 0 0 0 6.35 0.33072917 A 0.33151773 0.33151773 0 0 0 6.35 0.32990234 A 0.33151773 0.33151773 0 0 0 6.35 0.32907552 A 0.33155089 0.33155089 0 0 0 6.3433854 0.2670638 A 0.33155089 0.33155089 0 0 0 6.3251953 0.20587891 A 0.33155089 0.33155089 0 0 0 6.2954297 0.15048177 A 0.33151773 0.33151773 0 0 0 6.2954297 0.14965495 A 0.33151773 0.33151773 0 0 0 6.2954297 0.14882812 A 0.33155089 0.33155089 0 0 0 6.2540885 0.1008724 A 0.33151773 0.33151773 0 0 0 6.2540885 0.10004557 A 0.33151773 0.33151773 0 0 0 6.2540885 0.09921875 A 0.33151773 0.33151773 0 0 0 6.2540885 0.098391927 A 0.33151773 0.33151773 0 0 0 6.2061328 0.05953125 A 0.33151773 0.33151773 0 0 0 6.1581771 0.032246094 A 0.33155089 0.33155089 0 0 0 6.149082 0.027285156 A 0.33151773 0.33151773 0 0 0 6.1127018 0.015709635 A 0.33155089 0.33155089 0 0 0 6.0854167 0.0066145833 A 0.33151773 0.33151773 0 0 0 6.0829362 0.0066145833 A 0.33155089 0.33155089 0 0 0 6.0209245 0 A 0.33151773 0.33151773 0 0 0 6.018444 0 L 3.9770182 0 z M 0.32907552 3.6454622 A 0.33151773 0.33151773 0 0 0 0 3.9745378 L 0 6.0143099 A 0.33155089 0.33155089 0 0 0 0 6.0167904 A 0.33151773 0.33151773 0 0 0 0 6.0209245 A 0.33155089 0.33155089 0 0 0 0.0066145833 6.0829362 A 0.33155089 0.33155089 0 0 0 0.024804687 6.1441211 A 0.33155089 0.33155089 0 0 0 0.054570312 6.1995182 A 0.33151773 0.33151773 0 0 0 0.054570312 6.2011719 A 0.33155089 0.33155089 0 0 0 0.095911458 6.2491276 A 0.33151773 0.33151773 0 0 0 0.095911458 6.2516081 A 0.33151773 0.33151773 0 0 0 0.14386719 6.2904687 A 0.33151773 0.33151773 0 0 0 0.19182292 6.3177539 A 0.33155089 0.33155089 0 0 0 0.20091797 6.3227148 A 0.33151773 0.33151773 0 0 0 0.23729818 6.3342904 A 0.33155089 0.33155089 0 0 0 0.26458333 6.3433854 A 0.33151773 0.33151773 0 0 0 0.2670638 6.3433854 A 0.33155089 0.33155089 0 0 0 0.32907552 6.35 A 0.33151773 0.33151773 0 0 0 0.33155599 6.35 L 2.3729818 6.35 A 0.33151773 0.33151773 0 0 0 2.7020573 6.0143099 A 0.33151773 0.33151773 0 0 0 2.3729818 5.6852344 L 1.1327474 5.6852344 L 2.6061458 4.2118359 A 0.33151773 0.33151773 0 0 0 2.6061458 3.7438542 A 0.33151773 0.33151773 0 0 0 2.1356836 3.7438542 L 0.66228516 5.2172526 L 0.66228516 3.9745378 A 0.33151773 0.33151773 0 0 0 0.32907552 3.6454622 z "
/>
</svg>
<span id="fullscreen-label" class="sr-only" data-text="fulscreen_mode">Fullscreen</span>
</button>
</span>
<span class="input-group">
<div class="input-group-text" data-title="language">
<svg
width="15"
height="15"
fill="currentColor"
viewBox="0 0 6.35 6.35"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M 3.1758268 0 C 1.4257449 0 -5.0132687e-16 1.4257449 0 3.1758268 C 0 4.9259087 1.4257449 6.35 3.1758268 6.35 C 4.9259087 6.35 6.35 4.9259087 6.35 3.1758268 C 6.35 1.4257449 4.9259087 -5.0132687e-16 3.1758268 0 z M 3.1758268 0.60523437 C 3.2259818 0.60523437 3.2914047 0.6292595 3.3883203 0.73421875 C 3.4852362 0.83917804 3.5931411 1.0187032 3.6851497 1.2542904 C 3.7566787 1.4374398 3.8189633 1.6537391 3.8687044 1.8942513 L 2.4804687 1.8942513 C 2.5302111 1.6537244 2.5924908 1.437449 2.6640234 1.2542904 C 2.7560319 1.0187032 2.8639373 0.83917804 2.9608529 0.73421875 C 3.0577685 0.62925946 3.1256716 0.60523437 3.1758268 0.60523437 z M 4.1275 0.75736979 C 4.6838263 0.9755504 5.1449214 1.3799842 5.4363607 1.8942513 L 4.4879948 1.8942513 C 4.4294548 1.5775283 4.3490399 1.287453 4.2498698 1.0335286 C 4.2118486 0.93617564 4.171431 0.84410291 4.1275 0.75736979 z M 2.2216732 0.75902344 C 2.1780431 0.84530471 2.1370976 0.93675678 2.0993034 1.0335286 C 2.0001356 1.2874472 1.9205449 1.5775368 1.8620052 1.8942513 L 0.91529297 1.8942513 C 1.2062597 1.380818 1.666555 0.97745221 2.2216732 0.75902344 z M 0.66972656 2.4903906 L 0.82434245 2.4903906 L 1.7809766 2.4903906 C 1.7609438 2.7111356 1.7503841 2.940253 1.7503841 3.1758268 C 1.7503841 3.4109821 1.7610135 3.6394527 1.7809766 3.8596094 L 0.82434245 3.8596094 L 0.66889974 3.8596094 C 0.60997998 3.6418917 0.57794922 3.412573 0.57794922 3.1758268 C 0.57794922 2.938443 0.61049966 2.7086326 0.66972656 2.4903906 z M 2.3903451 2.4903906 L 3.9596549 2.4903906 C 3.98184 2.7090564 3.9943815 2.9388341 3.9943815 3.1758268 C 3.9943815 3.412239 3.9817363 3.6416835 3.9596549 3.8596094 L 2.3903451 3.8596094 C 2.3682638 3.6416835 2.3556185 3.412239 2.3556185 3.1758268 C 2.3556185 2.9388341 2.36816 2.7090564 2.3903451 2.4903906 z M 4.5690234 2.4903906 L 5.5273112 2.4903906 L 5.6819271 2.4903906 C 5.741154 2.7086326 5.7737044 2.938443 5.7737044 3.1758268 C 5.7737044 3.412573 5.7416737 3.6418917 5.6827539 3.8596094 L 5.5273112 3.8596094 L 4.5690234 3.8596094 C 4.5889865 3.6394527 4.5996159 3.4109821 4.5996159 3.1758268 C 4.5996159 2.940253 4.5890562 2.7111356 4.5690234 2.4903906 z M 0.91363932 4.4549219 L 1.8611784 4.4549219 C 1.9197452 4.7718792 1.9999547 5.0620899 2.0993034 5.3164714 C 2.1374325 5.4141007 2.1784257 5.5065093 2.2225 5.593457 C 1.6660047 5.374753 1.2046968 4.9698934 0.91363932 4.4549219 z M 2.4796419 4.4549219 L 3.8695312 4.4549219 C 3.8197382 4.6956967 3.756833 4.912165 3.6851497 5.0957096 C 3.5931411 5.3312968 3.4852359 5.5099951 3.3883203 5.6149544 C 3.2914047 5.7199137 3.225982 5.7439388 3.1758268 5.7439388 C 3.1256716 5.7439388 3.0577685 5.7199137 2.9608529 5.6149544 C 2.8639373 5.5099951 2.7560319 5.3312968 2.6640234 5.0957096 C 2.5923367 4.9121562 2.5294362 4.6957106 2.4796419 4.4549219 z M 4.4879948 4.4549219 L 5.4380143 4.4549219 C 5.1465347 4.9706403 4.6842504 5.3758036 4.1266732 5.5942839 C 4.170923 5.5070738 4.2116086 5.414439 4.2498698 5.3164714 C 4.3492062 5.0621212 4.4294298 4.7718336 4.4879948 4.4549219 z "
/>
</svg>
</div>
<select id="locale-select">
<option value="ar-AE" data-text="ar-AE">Arabic</option>
<option value="ca-ES" data-text="ca-ES">Catalan</option>
<option value="cs-CZ" data-text="cs-CZ">Czech</option>
<option value="de-CH" data-text="de-CH">Swiss German</option>
<option value="de-DE" data-text="de-DE">German</option>
<option value="el-GR" data-text="el-GR">Greek</option>
<option value="en-US" data-text="en-US">English</option>
<option value="es-ES" data-text="es-ES">Spanish</option>
<option value="fr-FR" data-text="fr-FR">French</option>
<option value="he-IL" data-text="he-IL">Hebrew</option>
<option value="it-IT" data-text="it-IT">Italian</option>
<option value="ja-JP" data-text="ja-JP">Japanese</option>
<option value="nl-NL" data-text="nl-NL">Dutch</option>
<option value="no-NO" data-text="no-NO">Norwegian</option>
<option value="pt-PT" data-text="pt-PT">Portuguese</option>
<option value="ro-RO" data-text="ro-RO">Romanian</option>
<option value="ru-RU" data-text="ru-RU">Russian</option>
<option value="sv-SE" data-text="sv-SE">Swedish</option>
<option value="tr-TR" data-text="tr-TR">Turkish</option>
<option value="zh-CN" data-text="zh-CN">Simplified Chinese</option>
<option value="zh-TW" data-text="zh-TW">Traditional Chinese</option>
</select>
</span>
<span>
<span class="input-group">
<div class="input-group-text" data-title="theme">
<svg
width="15"
height="15"
fill="currentColor"
viewBox="0 0 6.35 6.35"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M 3.1386198 0 C 1.96063 0.0131561 0.86998164 0.67914416 0.32576823 1.7718815 C 0.099257624 2.2266879 0 2.6559276 0 3.1791341 C -3.1332837e-17 3.6997582 0.091449568 4.1011706 0.31667318 4.5657161 C 0.62429151 5.2002087 1.1107697 5.692941 1.74625 6.0143099 C 2.0877097 6.1869888 2.4058107 6.2840888 2.7938346 6.3342904 C 2.8958574 6.3474903 3.0579731 6.3522832 3.310599 6.3491732 C 3.6324036 6.3452152 3.6922096 6.3407956 3.7901562 6.3144466 C 3.9276579 6.2774578 4.0108146 6.2298139 4.0985612 6.1383333 C 4.2017328 6.0307674 4.2308529 5.9615263 4.2308529 5.817526 C 4.2308529 5.6707205 4.198202 5.5913192 4.062181 5.4082487 C 3.8935286 5.1812602 3.8651942 5.0848843 3.9307161 4.9510156 C 3.979007 4.8523487 4.0537826 4.7662727 4.1200586 4.7335612 C 4.1670488 4.7103678 4.2232778 4.7057393 4.5772917 4.6980078 C 4.9735991 4.6893494 4.9827742 4.6886862 5.1287826 4.645918 C 5.7265025 4.4708337 6.0925556 4.190132 6.2491276 3.786849 C 6.3254612 3.5902381 6.3503913 3.4371653 6.35 3.1650781 C 6.3494813 2.803269 6.3044043 2.5264924 6.1895964 2.1770247 C 5.8356427 1.0996197 4.9105128 0.28109918 3.7984245 0.061184896 C 3.5771601 0.017430123 3.3567661 -0.0024363148 3.1386198 0 z M 3.8025586 1.2501562 C 3.9427641 1.2495622 4.076153 1.3268579 4.1498242 1.4667839 C 4.1802922 1.5246527 4.1875631 1.5569195 4.1878581 1.643724 C 4.188171 1.7366098 4.1824983 1.7599883 4.1440365 1.8281055 C 4.0913535 1.9214743 4.0079321 1.9889706 3.9092187 2.0182747 C 3.8219819 2.0441727 3.7692038 2.0445499 3.6876302 2.0191016 C 3.5483807 1.9756692 3.4454918 1.8612191 3.4156055 1.7173112 C 3.3826507 1.5586403 3.4565375 1.3934607 3.5983333 1.3088607 C 3.663984 1.2696913 3.7340862 1.2504464 3.8025586 1.2501562 z M 2.5383464 1.2518099 C 2.6896081 1.2488252 2.8339076 1.3313267 2.9004948 1.4684375 C 2.9426105 1.5551462 2.9456511 1.7070629 2.9071094 1.7966862 C 2.8725994 1.8768829 2.7769786 1.9745796 2.7020573 2.0058724 C 2.6308186 2.0356274 2.5124014 2.0422092 2.4473958 2.0207552 C 2.2644863 1.9603899 2.157181 1.8211154 2.157181 1.643724 C 2.157181 1.476544 2.2768236 1.3138304 2.4333398 1.2683464 C 2.4681622 1.258227 2.5034397 1.2524987 2.5383464 1.2518099 z M 4.6980078 2.2754167 C 4.7585001 2.2734071 4.8208263 2.2858039 4.8807357 2.3151042 C 5.1717003 2.457408 5.1731931 2.8707308 4.8832161 3.0187305 C 4.8101732 3.0560154 4.6615157 3.0670998 4.589694 3.0402279 C 4.4124884 2.9739288 4.3219596 2.844269 4.3226302 2.6574089 C 4.3234035 2.4412283 4.5003998 2.2819813 4.6980078 2.2754167 z M 1.6230534 2.2778971 C 1.6298833 2.2776169 1.6367893 2.2778572 1.643724 2.2778971 C 1.8110517 2.278862 1.9584053 2.3838715 2.0100065 2.5391732 C 2.0383555 2.6244938 2.0307775 2.7603603 1.9942969 2.8326953 C 1.9599359 2.9008199 1.8770656 2.9849015 1.8099154 3.0195573 C 1.7389104 3.0562033 1.590156 3.0668965 1.5188737 3.0402279 C 1.3417605 2.9739634 1.2515113 2.8445406 1.2518099 2.6574089 C 1.2521445 2.448038 1.4113273 2.2865843 1.6230534 2.2778971 z "
/>
</svg>
</div>
<select id="theme-select">
<optgroup id="colors" label="Colors" data-label="colors">
<option value="base" data-text="base">Base</option>
<option value="pink" data-text="pink">Pink</option>
<option value="green" data-text="green">Green</option>
<option value="orange" data-text="orange">Orange</option>
<option value="purple" data-text="purple">Purple</option>
<option value="blue" data-text="blue">Blue</option>
<option value="gray" data-text="gray">Gray</option>
<option value="color" data-text="color">Random</option>
</optgroup>
<optgroup id="themes" label="Themes" data-label="themes">
<option value="retro" data-text="retro">Retro</option>
<option value="elegant" data-text="elegant">Elegant</option>
<option value="festive" data-text="festive">Festive</option>
<option value="bohemian" data-text="bohemian">Bohemian</option>
<!-- <option value="handwriting" data-text="handwriting">Handwriting</option> -->
<option value="terminal" data-text="terminal">Terminal</option>
<option value="frame" data-text="frame">Frame</option>
<option value="poster" data-text="poster">Poster</option>
<option value="photo" data-text="photo">Photo</option>
<option value="kindle" data-text="kindle">Kindle</option>
<option value="crossword" data-text="crossword">Crossword</option>
<!-- <option value="x" data-text="x">X</option> -->
<option value="numbers" data-text="numbers">Numbers</option>
<option value="dots" data-text="dots">Dots</option>
<option value="rainbow" data-text="rainbow">Rainbow</option>
<option value="marker" data-text="marker">Marker</option>
<option value="golden" data-text="golden">Golden</option>
<option value="silver" data-text="silver">Silver</option>
<option value="grey" data-text="grey">Grey</option>
<option value="plain" data-text="plain">Plain</option>
<option value="wireframe" data-text="wireframe">Wireframe</option>
</optgroup>
</select>
<select id="variant-select">
<option value="system" data-text="system">System</option>
<option value="light" data-text="light">Light</option>
<option value="dark" data-text="dark">Dark</option>
</select>
</span>
</span>
</div>
<div>
<a
id="report-error"
href="https://github.com/cdmoro/clock-clock/issues/new?template=quote-error.yml&labels=bug"
target="_blank"
data-text="report_error"
>Report error</a
>
|
<a id="project" href="https://github.com/cdmoro/clock-clock" target="_blank" data-text="project">Project</a>
|
<span id="contact">
<span id="made-by" data-text="made_by">Made by</span>
<a href="https://www.linkedin.com/in/cdbonadeo/" target="_blank">@CarlosBonadeo</a>
</span>
</div>
</div>
</footer>
<script src="/src/main.ts" type="module"></script>
</body>
</html>