-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathit-mode.html
More file actions
382 lines (373 loc) · 40.6 KB
/
it-mode.html
File metadata and controls
382 lines (373 loc) · 40.6 KB
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
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="it-mode.css">
<link rel="shortcut icon" href="logo.png" type="image/x-icon">
<link rel="stylesheet" href="fonts.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<title>Study Zone - IT Mode</title>
</head>
<body>
<div id="wrapper">
<div class="nav">
<div class="box-icon1">
</div>
<div class="search">
<p>
Thay đổi Mode
</p>
</div>
<div class="box-icon2">
<div class="box">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewBox="0 0 13 16" fill="none">
<path
d="M0.5 1.21875V0.71875C0.367392 0.71875 0.240215 0.771428 0.146447 0.865197C0.0526784 0.958965 0 1.08614 0 1.21875H0.5ZM0.5 14.2188H0C0 14.3514 0.0526784 14.4785 0.146447 14.5723C0.240215 14.6661 0.367392 14.7188 0.5 14.7188V14.2188ZM3 0.71875V15.7188H4V0.71875H3ZM0.5 1.71875H10.5V0.71875H0.5V1.71875ZM12 3.21875V12.2188H13V3.21875H12ZM10.5 13.7188H0.5V14.7188H10.5V13.7188ZM1 14.2188V1.21875H0V14.2188H1ZM12 12.2188C12 12.6166 11.842 12.9981 11.5607 13.2794C11.2794 13.5607 10.8978 13.7187 10.5 13.7188V14.7188C11.163 14.7188 11.7989 14.4554 12.2678 13.9865C12.7366 13.5177 13 12.8818 13 12.2188H12ZM10.5 1.71875C10.8978 1.71875 11.2794 1.87679 11.5607 2.15809C11.842 2.43939 12 2.82093 12 3.21875H13C13 2.55571 12.7366 1.91982 12.2678 1.45098C11.7989 0.982142 11.163 0.71875 10.5 0.71875V1.71875ZM6 5.71875H10V4.71875H6V5.71875Z"
fill="#9D9D9D" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="17" viewBox="0 0 14 17" fill="none">
<path
d="M12.0311 10.3188C12.2897 10.3188 12.5457 10.3653 12.7846 10.4558C13.0235 10.5462 13.2405 10.6788 13.4233 10.846C13.6062 11.0131 13.7512 11.2115 13.8501 11.4299C13.9491 11.6483 14 11.8824 14 12.1188V12.8419C14.0001 13.2744 13.898 13.7017 13.7006 14.0947C13.5032 14.4877 13.2152 14.837 12.8563 15.1188C11.4868 16.194 9.52584 16.7188 6.99694 16.7188C4.46803 16.7188 2.50966 16.194 1.14282 15.1188C0.784453 14.8372 0.496815 14.4883 0.299576 14.0957C0.102337 13.7032 0.000148792 13.2763 0 12.8443V12.118C0.000232012 11.6407 0.207768 11.1831 0.576978 10.8457C0.946189 10.5083 1.44685 10.3188 1.96887 10.3188H12.0311ZM12.0311 11.5188H1.968C1.79394 11.5188 1.62701 11.582 1.50393 11.6945C1.38085 11.807 1.31171 11.9596 1.31171 12.1188V12.8443C1.31171 13.3683 1.56285 13.8668 1.99775 14.2092C3.09857 15.0748 4.75767 15.5188 6.99694 15.5188C9.23708 15.5188 10.8979 15.0732 12.0022 14.2068C12.2173 14.0377 12.3899 13.8281 12.5081 13.5924C12.6264 13.3567 12.6875 13.1005 12.6874 12.8412V12.1171C12.6874 11.958 12.6183 11.8054 12.4952 11.6929C12.3721 11.5804 12.2052 11.5172 12.0311 11.5172V11.5188ZM6.90943 0.72355L6.99694 0.71875C7.15553 0.718756 7.30876 0.771264 7.42828 0.866564C7.5478 0.961863 7.62553 1.09351 7.6471 1.23715L7.65323 1.31875L7.65235 1.91795H10.715C11.2372 1.91795 11.738 2.10759 12.1072 2.44516C12.4765 2.78272 12.6839 3.24056 12.6839 3.71795V7.32195C12.6839 7.79934 12.4765 8.25718 12.1072 8.59474C11.738 8.93231 11.2372 9.12195 10.715 9.12195H3.27708C2.7549 9.12195 2.25411 8.93231 1.88488 8.59474C1.51564 8.25718 1.30821 7.79934 1.30821 7.32195V3.71875C1.30821 3.4823 1.35916 3.24817 1.45816 3.02974C1.55716 2.8113 1.70227 2.61283 1.88519 2.44567C2.0681 2.27852 2.28526 2.14595 2.52423 2.05554C2.76321 1.96513 3.01932 1.91864 3.27795 1.91875L6.34065 1.91795V1.31875C6.34068 1.17364 6.39824 1.03346 6.50266 0.92417C6.60707 0.814881 6.75128 0.743891 6.90856 0.72435L6.99694 0.71875L6.90768 0.72435L6.90943 0.72355ZM10.7159 3.11875H3.27795C3.1039 3.11875 2.93697 3.18196 2.81389 3.29449C2.69081 3.40701 2.62166 3.55962 2.62166 3.71875V7.32195C2.62166 7.65315 2.91568 7.92195 3.27795 7.92195H10.7159C10.89 7.92195 11.0569 7.85874 11.18 7.74621C11.3031 7.63369 11.3722 7.48108 11.3722 7.32195V3.71875C11.3722 3.55962 11.3031 3.40701 11.18 3.29449C11.0569 3.18196 10.89 3.11875 10.7159 3.11875ZM5.02806 4.31875C5.17527 4.31336 5.32215 4.33522 5.45989 4.38301C5.59763 4.43079 5.72339 4.50353 5.82963 4.59684C5.93587 4.69016 6.02039 4.80213 6.07813 4.92605C6.13586 5.04996 6.16563 5.18326 6.16563 5.31795C6.16563 5.45264 6.13586 5.58594 6.07813 5.70985C6.02039 5.83377 5.93587 5.94574 5.82963 6.03906C5.72339 6.13237 5.59763 6.20511 5.45989 6.25289C5.32215 6.30068 5.17527 6.32254 5.02806 6.31715C4.74576 6.30682 4.47879 6.19703 4.28305 6.01077C4.08731 5.82452 3.97799 5.57624 3.97799 5.31795C3.97799 5.05966 4.08731 4.81138 4.28305 4.62513C4.47879 4.43887 4.74576 4.32908 5.02806 4.31875ZM8.95881 4.31875C9.10602 4.31336 9.2529 4.33522 9.39064 4.38301C9.52838 4.43079 9.65414 4.50353 9.76038 4.59684C9.86661 4.69016 9.95114 4.80213 10.0089 4.92605C10.0666 5.04996 10.0964 5.18326 10.0964 5.31795C10.0964 5.45264 10.0666 5.58594 10.0089 5.70985C9.95114 5.83377 9.86661 5.94574 9.76038 6.03906C9.65414 6.13237 9.52838 6.20511 9.39064 6.25289C9.2529 6.30068 9.10602 6.32254 8.95881 6.31715C8.67651 6.30682 8.40953 6.19703 8.21379 6.01077C8.01805 5.82452 7.90874 5.57624 7.90874 5.31795C7.90874 5.05966 8.01805 4.81138 8.21379 4.62513C8.40953 4.43887 8.67651 4.32908 8.95881 4.31875Z"
fill="#9D9D9D" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path
d="M7.31332 5.22867C7.17365 5.32468 7.06169 5.45573 6.98865 5.60867C6.92669 5.72243 6.82299 5.8077 6.6994 5.84652C6.57581 5.88534 6.44197 5.87468 6.32609 5.81678C6.2102 5.75888 6.12131 5.65827 6.07814 5.53613C6.03497 5.41399 6.04089 5.27986 6.09465 5.162C6.22798 4.894 6.43665 4.61134 6.75932 4.39667C7.08465 4.17867 7.49598 4.052 7.99998 4.052C8.43865 4.052 8.91265 4.182 9.28932 4.46467C9.49931 4.61818 9.66961 4.81962 9.78603 5.05223C9.90245 5.28484 9.96163 5.5419 9.95865 5.802C9.95865 6.49067 9.61665 6.94867 9.27398 7.27867C9.14732 7.40067 9.00798 7.51733 8.88798 7.61733L8.78998 7.69933C8.68716 7.78344 8.59026 7.87455 8.49998 7.972V8.88533C8.49998 9.01794 8.44731 9.14512 8.35354 9.23889C8.25977 9.33266 8.13259 9.38533 7.99998 9.38533C7.86738 9.38533 7.7402 9.33266 7.64643 9.23889C7.55266 9.14512 7.49998 9.01794 7.49998 8.88533V7.90334C7.49998 7.74534 7.54465 7.56734 7.66465 7.41267C7.81132 7.226 7.98865 7.068 8.14332 6.93667L8.26532 6.83467L8.26598 6.834C8.38065 6.73867 8.48198 6.654 8.57932 6.55933C8.82465 6.32267 8.95865 6.10867 8.95865 5.802C8.96159 5.69717 8.93854 5.59323 8.89154 5.49947C8.84455 5.40571 8.77507 5.32505 8.68932 5.26467C8.51065 5.13067 8.25598 5.052 7.99998 5.052C7.67065 5.052 7.45732 5.13267 7.31332 5.22867ZM8.66665 11.052C8.66665 11.2288 8.59641 11.3984 8.47139 11.5234C8.34636 11.6484 8.17679 11.7187 7.99998 11.7187C7.82317 11.7187 7.6536 11.6484 7.52858 11.5234C7.40356 11.3984 7.33332 11.2288 7.33332 11.052C7.33332 10.8752 7.40356 10.7056 7.52858 10.5806C7.6536 10.4556 7.82317 10.3853 7.99998 10.3853C8.17679 10.3853 8.34636 10.4556 8.47139 10.5806C8.59641 10.7056 8.66665 10.8752 8.66665 11.052Z"
fill="#9D9D9D" />
<path
d="M8.00008 0.385498C12.0501 0.385498 15.3334 3.66883 15.3334 7.71883C15.3334 11.7688 12.0501 15.0522 8.00008 15.0522C3.95008 15.0522 0.666748 11.7688 0.666748 7.71883C0.666748 3.66883 3.95008 0.385498 8.00008 0.385498ZM1.66675 7.71883C1.66675 9.39854 2.33401 11.0094 3.52174 12.1972C4.70947 13.3849 6.32038 14.0522 8.00008 14.0522C9.67979 14.0522 11.2907 13.3849 12.4784 12.1972C13.6662 11.0094 14.3334 9.39854 14.3334 7.71883C14.3334 6.03913 13.6662 4.42822 12.4784 3.24049C11.2907 2.05276 9.67979 1.3855 8.00008 1.3855C6.32038 1.3855 4.70947 2.05276 3.52174 3.24049C2.33401 4.42822 1.66675 6.03913 1.66675 7.71883Z"
fill="#9D9D9D" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none">
<path
d="M13.0392 0H0.960784C0.705969 0 0.461589 0.106526 0.281407 0.296145C0.101225 0.485763 1.84819e-08 0.74294 1.84819e-08 1.0111V12.5665C-2.10049e-05 12.6404 0.0178941 12.713 0.0520447 12.7775C0.0861954 12.8421 0.135448 12.8963 0.195128 12.9352C0.254807 12.974 0.322933 12.9962 0.393037 12.9996C0.463142 13.0029 0.532899 12.9874 0.595686 12.9544L2.60784 11.8956L4.62 12.9544C4.67712 12.9844 4.74008 13 4.80392 13C4.86776 13 4.93073 12.9844 4.98784 12.9544L7 11.8956L9.01216 12.9544C9.06927 12.9844 9.13224 13 9.19608 13C9.25992 13 9.32288 12.9844 9.38 12.9544L11.3922 11.8956L13.4043 12.9544C13.4614 12.9843 13.5244 12.9999 13.5882 12.9999C13.6647 13 13.7396 12.9775 13.8044 12.9349C13.8641 12.8961 13.9135 12.8419 13.9477 12.7775C13.9819 12.713 13.9999 12.6404 14 12.5665V1.0111C14 0.74294 13.8988 0.485763 13.7186 0.296145C13.5384 0.106526 13.294 0 13.0392 0ZM13.1765 11.8653L11.5761 11.0232C11.519 10.9932 11.456 10.9775 11.3922 10.9775C11.3283 10.9775 11.2654 10.9932 11.2082 11.0232L9.19608 12.0819L7.18392 11.0232C7.1268 10.9932 7.06384 10.9775 7 10.9775C6.93616 10.9775 6.8732 10.9932 6.81608 11.0232L4.80392 12.0819L2.79176 11.0232C2.73465 10.9932 2.67168 10.9775 2.60784 10.9775C2.544 10.9775 2.48104 10.9932 2.42392 11.0232L0.823529 11.8653V1.0111C0.823529 0.972792 0.83799 0.936053 0.86373 0.908964C0.889471 0.881876 0.924382 0.866658 0.960784 0.866658H13.0392C13.0756 0.866658 13.1105 0.881876 13.1363 0.908964C13.162 0.936053 13.1765 0.972792 13.1765 1.0111V11.8653ZM5.17245 3.70424C5.1383 3.63213 5.08572 3.57147 5.02062 3.52907C4.95552 3.48667 4.88048 3.46421 4.80392 3.46421C4.72736 3.46421 4.65232 3.48667 4.58722 3.52907C4.52212 3.57147 4.46954 3.63213 4.43539 3.70424L2.23931 8.32642C2.21516 8.37735 2.20078 8.43279 2.19698 8.48957C2.19319 8.54635 2.20006 8.60336 2.2172 8.65734C2.23434 8.71133 2.26142 8.76124 2.29689 8.80421C2.33236 8.84718 2.37553 8.88238 2.42392 8.9078C2.47232 8.93322 2.525 8.94835 2.57895 8.95235C2.63291 8.95634 2.68708 8.94911 2.73838 8.93107C2.78968 8.91303 2.8371 8.88453 2.87794 8.84721C2.91877 8.80988 2.95222 8.76445 2.97637 8.71352L3.41147 7.79992H6.19637L6.63147 8.71569C6.68025 8.81855 6.76586 8.8968 6.86946 8.93324C6.97307 8.96967 7.08618 8.9613 7.18392 8.90997C7.28166 8.85863 7.35602 8.76854 7.39064 8.65951C7.42526 8.55048 7.41731 8.43144 7.36853 8.32858L5.17245 3.70424ZM3.82324 6.93326L4.80392 4.86917L5.78461 6.93326H3.82324ZM11.8039 6.21105C11.8039 6.32598 11.7605 6.43619 11.6833 6.51746C11.6061 6.59872 11.5014 6.64438 11.3922 6.64438H10.1569V7.94437C10.1569 8.05929 10.1135 8.16951 10.0363 8.25078C9.95904 8.33204 9.85431 8.37769 9.7451 8.37769C9.63589 8.37769 9.53116 8.33204 9.45394 8.25078C9.37672 8.16951 9.33333 8.05929 9.33333 7.94437V6.64438H8.09804C7.98883 6.64438 7.8841 6.59872 7.80688 6.51746C7.72966 6.43619 7.68627 6.32598 7.68627 6.21105C7.68627 6.09612 7.72966 5.9859 7.80688 5.90464C7.8841 5.82337 7.98883 5.77772 8.09804 5.77772H9.33333V4.47773C9.33333 4.36281 9.37672 4.25259 9.45394 4.17132C9.53116 4.09006 9.63589 4.0444 9.7451 4.0444C9.85431 4.0444 9.95904 4.09006 10.0363 4.17132C10.1135 4.25259 10.1569 4.36281 10.1569 4.47773V5.77772H11.3922C11.5014 5.77772 11.6061 5.82337 11.6833 5.90464C11.7605 5.9859 11.8039 6.09612 11.8039 6.21105Z"
fill="#9D9D9D" />
</svg>
</div>
</div>
</div>
<div class="body">
<div class="nav-left">
<div class="open-nav">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 17" fill="none">
<path
d="M16 5.57897H8H0V4H16V5.57897ZM16 14H8H0V12.421H16V14ZM16 9.78949H8H0V8.21051H16V9.78949Z"
fill="#868686" />
</svg>
</div>
<a href="page-study.html">
<div class="item">
<svg xmlns="http://www.w3.org/2000/svg" width="33" height="34" viewBox="0 0 34 34" fill="none">
<path
d="M15.2606 0.454702C15.6069 0.161117 16.0461 0 16.5 0C16.9539 0 17.3931 0.161117 17.7394 0.454702L27.3228 8.5926C27.535 8.77267 27.7055 8.99682 27.8224 9.24948C27.9394 9.50214 28 9.77725 28 10.0557V22.0816C28 22.5904 27.7981 23.0783 27.4386 23.4381C27.0792 23.7979 26.5917 24 26.0833 24H18.7361C18.4819 24 18.2382 23.8989 18.0585 23.7191C17.8787 23.5392 17.7778 23.2952 17.7778 23.0408V15.0474H15.2222V23.0408C15.2222 23.2952 15.1213 23.5392 14.9415 23.7191C14.7618 23.8989 14.5181 24 14.2639 24H6.91667C6.40834 24 5.92082 23.7979 5.56138 23.4381C5.20193 23.0783 5 22.5904 5 22.0816V10.0557C5 9.49298 5.24789 8.9571 5.67722 8.5926L15.2606 0.454702ZM16.5 1.91781L6.91667 10.0557V22.0816H13.3056V14.0882C13.3056 13.8338 13.4065 13.5898 13.5862 13.4099C13.766 13.2301 14.0097 13.129 14.2639 13.129H18.7361C18.9903 13.129 19.234 13.2301 19.4138 13.4099C19.5935 13.5898 19.6944 13.8338 19.6944 14.0882V22.0816H26.0833V10.0557L16.5 1.91781Z"
fill="#868686" />
</svg>
</a>
</div>
<div class="item2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<g clip-path="url(#clip0_505_27)">
<path
d="M10.77 2.12488C10.8402 2.42229 10.7844 2.73427 10.6147 2.99223C10.4451 3.25019 10.1755 3.43301 9.86519 3.5005C7.86975 3.93659 6.07194 4.97252 4.73413 6.45711C3.39632 7.9417 2.58853 9.79724 2.42866 11.7529C2.26878 13.7086 2.76519 15.6621 3.84543 17.3283C4.92567 18.9945 6.5332 20.2862 8.43343 21.0149C10.3337 21.7435 12.4271 21.871 14.4083 21.3788C16.3894 20.8865 18.1546 19.8003 19.4462 18.2785C20.7378 16.7568 21.4882 14.8793 21.5879 12.9199C21.6876 10.9606 21.1314 9.02193 20.0004 7.38697C19.9132 7.26115 19.8526 7.12009 19.8223 6.97186C19.792 6.82362 19.7924 6.67111 19.8235 6.52302C19.8864 6.22395 20.0707 5.96108 20.3358 5.79224C20.6009 5.62339 20.9251 5.56241 21.2372 5.6227C21.3916 5.65255 21.5385 5.71128 21.6693 5.79552C21.8001 5.87977 21.9124 5.98789 21.9996 6.11371C23.3073 7.99791 23.5034 10.2969 23.5 12.5599C23.5 18.9124 18.6276 23.4761 12 23.4761C5.3724 23.4761 0.5 18.8267 0.5 12.4742C0.5 6.99935 3.99 2.41933 9.33479 1.25764C9.64509 1.19031 9.97058 1.24384 10.2397 1.40647C10.5088 1.56909 10.6996 1.8275 10.77 2.12488ZM13.2 2.13868C13.1998 1.96614 13.2398 1.79574 13.317 1.63985C13.3941 1.48396 13.5065 1.3465 13.646 1.23746C13.7855 1.12842 13.9486 1.05053 14.1235 1.00945C14.2983 0.96838 14.4805 0.96515 14.6568 1L14.7948 1.03566L18.3792 2.18124C18.6704 2.27348 18.9137 2.46908 19.0591 2.72788C19.2046 2.98668 19.2411 3.28903 19.1612 3.57284C19.0814 3.85665 18.8912 4.10039 18.6297 4.25399C18.3682 4.40759 18.0553 4.45941 17.7552 4.39879L17.6208 4.36429L14.7948 3.5005V12.4742C14.7944 13.1968 14.8486 13.97 14.4083 14.5566C13.968 15.1432 13.7147 15.27 13 15.5C12.2853 15.73 11.4904 15.713 10.77 15.5C10.0496 15.287 9.79013 14.5759 9.33479 14C8.87946 13.4241 9.35387 13.0107 9.33479 12.2884C9.31572 11.566 9.57564 11.5973 10 11C10.4244 10.4027 10.7917 10.2476 11.5 10C12.2083 9.75238 12.5 9.5 13 9.5L13.2 9.21921V2.13983V2.13868Z"
fill="#868686" />
</g>
<defs>
<clipPath id="clip0_505_27">
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>
</div>
<div class="item2">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_505_22)">
<path
d="M11 4.8125C11 4.63016 10.9276 4.4553 10.7986 4.32636C10.6697 4.19743 10.4948 4.125 10.3125 4.125C10.1302 4.125 9.9553 4.19743 9.82636 4.32636C9.69743 4.4553 9.625 4.63016 9.625 4.8125V12.375C9.62504 12.4962 9.65711 12.6152 9.71796 12.72C9.77881 12.8248 9.86628 12.9116 9.9715 12.9718L14.784 15.7218C14.9419 15.8071 15.127 15.8273 15.2996 15.778C15.4722 15.7287 15.6187 15.6139 15.7078 15.458C15.7969 15.3022 15.8214 15.1176 15.7762 14.9439C15.7311 14.7702 15.6197 14.621 15.466 14.5282L11 11.9763V4.8125Z"
fill="#868686" />
<path
d="M11 22C13.9174 22 16.7153 20.8411 18.7782 18.7782C20.8411 16.7153 22 13.9174 22 11C22 8.08262 20.8411 5.28473 18.7782 3.22183C16.7153 1.15893 13.9174 0 11 0C8.08262 0 5.28473 1.15893 3.22183 3.22183C1.15893 5.28473 0 8.08262 0 11C0 13.9174 1.15893 16.7153 3.22183 18.7782C5.28473 20.8411 8.08262 22 11 22ZM20 11.5C20 14.0527 19.305 15.695 17.5 17.5C15.695 19.305 13.5527 20 11 20C8.44729 20 6.30504 19.305 4.5 17.5C2.69496 15.695 2 13.5527 2 11C2 8.44729 2.69496 6.30504 4.5 4.5C6.30504 2.69496 8.44729 2 11 2C13.5527 2 15.695 2.69496 17.5 4.5C19.305 6.30504 20 8.94729 20 11.5Z"
fill="#868686" />
</g>
<defs>
<clipPath id="clip0_505_22">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
</div>
<div class="item2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path
d="M0.625 11.2188C1.0651 11.2188 1.48405 11.1374 1.88184 10.9746C2.27962 10.8118 2.6224 10.5881 2.91016 10.3032C3.19792 10.0184 3.43066 9.6888 3.6084 9.31445C3.78613 8.9401 3.875 8.5332 3.875 8.09375C3.875 7.51595 3.8623 6.93815 3.83691 6.36035C3.81152 5.78255 3.82845 5.22103 3.8877 4.67578C3.94694 4.13053 4.08236 3.59749 4.29395 3.07666C4.50553 2.55583 4.83984 2.07975 5.29688 1.64844C5.75391 1.20898 6.28288 0.871257 6.88379 0.635254C7.4847 0.399251 8.10677 0.28125 8.75 0.28125V1.84375C8.30143 1.84375 7.88249 1.92513 7.49316 2.08789C7.10384 2.25065 6.76107 2.47445 6.46484 2.75928C6.16862 3.04411 5.93587 3.37777 5.7666 3.76025C5.59733 4.14274 5.50846 4.54557 5.5 4.96875C5.5 5.42448 5.50846 5.87207 5.52539 6.31152C5.54232 6.75098 5.54655 7.18636 5.53809 7.61768C5.52962 8.04899 5.4873 8.46403 5.41113 8.86279C5.33496 9.26156 5.2207 9.64811 5.06836 10.0225C4.91602 10.3968 4.69596 10.7467 4.4082 11.0723C4.12044 11.3978 3.76074 11.707 3.3291 12C3.76921 12.2848 4.12891 12.5941 4.4082 12.9277C4.6875 13.2614 4.90755 13.6113 5.06836 13.9775C5.22917 14.3438 5.34342 14.7262 5.41113 15.125C5.47884 15.5238 5.51693 15.9388 5.52539 16.3701C5.53385 16.8014 5.53385 17.2368 5.52539 17.6763C5.51693 18.1157 5.50846 18.5674 5.5 19.0312C5.5 19.4626 5.58464 19.8654 5.75391 20.2397C5.92318 20.6141 6.15592 20.9437 6.45215 21.2285C6.74837 21.5133 7.09115 21.7371 7.48047 21.8999C7.86979 22.0627 8.29297 22.1481 8.75 22.1562V23.7188C8.10677 23.7188 7.4847 23.6007 6.88379 23.3647C6.28288 23.1287 5.75391 22.791 5.29688 22.3516C4.83984 21.9121 4.50977 21.436 4.30664 20.9233C4.10352 20.4106 3.9681 19.8817 3.90039 19.3364C3.83268 18.7912 3.81152 18.2256 3.83691 17.6396C3.8623 17.0537 3.875 16.4759 3.875 15.9062C3.875 15.4831 3.79036 15.0802 3.62109 14.6978C3.45182 14.3153 3.21908 13.9857 2.92285 13.709C2.62663 13.4323 2.27962 13.2085 1.88184 13.0376C1.48405 12.8667 1.0651 12.7812 0.625 12.7812V11.2188ZM15.25 0.28125C15.8932 0.28125 16.5153 0.399251 17.1162 0.635254C17.7171 0.871257 18.2461 1.20898 18.7031 1.64844C19.1602 2.08789 19.4902 2.56396 19.6934 3.07666C19.8965 3.58936 20.0319 4.11833 20.0996 4.66357C20.1673 5.20882 20.1885 5.77441 20.1631 6.36035C20.1377 6.94629 20.125 7.52409 20.125 8.09375C20.125 8.52507 20.2096 8.9279 20.3789 9.30225C20.5482 9.6766 20.7809 10.0062 21.0771 10.291C21.3734 10.5758 21.7161 10.7996 22.1055 10.9624C22.4948 11.1252 22.918 11.2106 23.375 11.2188V12.7812C22.9264 12.7812 22.5075 12.8626 22.1182 13.0254C21.7288 13.1882 21.3861 13.4119 21.0898 13.6968C20.7936 13.9816 20.5609 14.3153 20.3916 14.6978C20.2223 15.0802 20.1335 15.4831 20.125 15.9062C20.125 16.484 20.1377 17.0618 20.1631 17.6396C20.1885 18.2174 20.1715 18.779 20.1123 19.3242C20.0531 19.8695 19.9176 20.4025 19.7061 20.9233C19.4945 21.4442 19.1602 21.9202 18.7031 22.3516C18.2461 22.791 17.7171 23.1287 17.1162 23.3647C16.5153 23.6007 15.8932 23.7188 15.25 23.7188V22.1562C15.6901 22.1562 16.109 22.0749 16.5068 21.9121C16.9046 21.7493 17.2474 21.5256 17.5352 21.2407C17.8229 20.9559 18.0557 20.6263 18.2334 20.252C18.4111 19.8776 18.5 19.4707 18.5 19.0312C18.5 18.5755 18.4915 18.1279 18.4746 17.6885C18.4577 17.249 18.4535 16.8136 18.4619 16.3823C18.4704 15.951 18.5127 15.536 18.5889 15.1372C18.665 14.7384 18.7793 14.3519 18.9316 13.9775C19.084 13.6032 19.304 13.2533 19.5918 12.9277C19.8796 12.6022 20.2393 12.293 20.6709 12C20.2308 11.7152 19.8711 11.4059 19.5918 11.0723C19.3125 10.7386 19.0924 10.3887 18.9316 10.0225C18.7708 9.65625 18.6566 9.27376 18.5889 8.875C18.5212 8.47624 18.4831 8.0612 18.4746 7.62988C18.4661 7.19857 18.4661 6.76318 18.4746 6.32373C18.4831 5.88428 18.4915 5.43262 18.5 4.96875C18.5 4.54557 18.4154 4.14274 18.2461 3.76025C18.0768 3.37777 17.8441 3.04818 17.5479 2.77148C17.2516 2.49479 16.9046 2.271 16.5068 2.1001C16.109 1.9292 15.6901 1.84375 15.25 1.84375V0.28125Z"
fill="#868686" />
</svg>
</div>
<div class="item2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<g clip-path="url(#clip0_477_122)">
<path
d="M13.52 1.52L15.04 0H22.48L24 1.52V8.96L22.48 10.48H15.04L13.52 8.96V1.52ZM15.04 1.52V8.96H22.48V1.52H15.04ZM0 14.96V6L1.52 4.48H9.04L10.48 6V13.52H18L19.52 14.96V22.48L18 24H1.52L0 22.48V14.96ZM9.04 13.52V6H1.52V13.52H9.04ZM9.04 14.96H1.52V22.48H9.04V14.96ZM10.48 22.48H18V14.96H10.48V22.48Z"
fill="#868686" />
</g>
<defs>
<clipPath id="clip0_477_122">
<rect width="24" height="24" fill="white" transform="matrix(1 0 0 -1 0 24)" />
</clipPath>
</defs>
</svg>
</div>
<div class="item2"></div>
<div class="space">
</div>
<div class="item2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<g clip-path="url(#clip0_477_135)">
<path
d="M24 12C24 9.81333 23.4667 7.8 22.4 5.96C21.3333 4.12 19.88 2.66667 18.04 1.6C16.2 0.533335 14.1867 0 12 0C9.81333 0 7.8 0.533335 5.96 1.6C4.12 2.66667 2.66667 4.12 1.6 5.96C0.533333 7.8 0 9.81333 0 12C0 13.76 0.373333 15.44 1.12 17.04C1.86667 18.64 2.90667 20 4.24 21.12L5.28 21.92C7.30667 23.3067 9.54667 24 12 24C14.4533 24 16.6933 23.3067 18.72 21.92L19.84 21.12C21.12 20 22.1333 18.64 22.88 17.04C23.6267 15.44 24 13.76 24 12ZM12 22.48C9.81333 22.48 7.81333 21.84 6 20.56L6.08 20C6.24 19.4667 6.45333 18.9733 6.72 18.52C6.98667 18.0667 7.30667 17.6533 7.68 17.28C8.05333 16.9067 8.45333 16.5867 8.88 16.32C9.30667 16.0533 9.8 15.8533 10.36 15.72C10.92 15.5867 11.4667 15.52 12 15.52C12.8 15.52 13.5867 15.6667 14.36 15.96C15.1333 16.2533 15.8 16.68 16.36 17.24C16.92 17.8 17.36 18.4533 17.68 19.2C17.84 19.6267 17.9733 20.08 18.08 20.56C16.2667 21.84 14.24 22.48 12 22.48ZM8.32 11.36C8.10667 10.88 8 10.3733 8 9.84C8 9.30667 8.10667 8.8 8.32 8.32C8.53333 7.84 8.81333 7.42667 9.16 7.08C9.50667 6.73333 9.92 6.44 10.4 6.2C10.88 5.96 11.4133 5.84 12 5.84C12.5867 5.84 13.1067 5.94667 13.56 6.16C14.0133 6.37333 14.4267 6.66667 14.8 7.04C15.1733 7.41333 15.4667 7.84 15.68 8.32C15.8933 8.8 16 9.32 16 9.88C16 10.44 15.8933 10.9467 15.68 11.4C15.4667 11.8533 15.1733 12.2667 14.8 12.64C14.4267 13.0133 14 13.3067 13.52 13.52C12.5067 13.9467 11.4667 13.9467 10.4 13.52C9.97333 13.3067 9.57333 13.0133 9.2 12.64C8.82667 12.2667 8.53333 11.84 8.32 11.36ZM19.44 19.36C19.44 19.36 19.44 19.3333 19.44 19.28V19.2C19.2267 18.4533 18.8933 17.76 18.44 17.12C17.9867 16.48 17.44 15.92 16.8 15.44C16.32 15.0667 15.7867 14.7467 15.2 14.48C15.4667 14.32 15.7067 14.1333 15.92 13.92C16.2933 13.5467 16.6133 13.1467 16.88 12.72C17.4133 11.8667 17.6533 10.9067 17.6 9.84C17.6533 9.09333 17.5333 8.37333 17.24 7.68C16.9467 6.98667 16.5333 6.37333 16 5.84C15.4667 5.30667 14.8533 4.90667 14.16 4.64C13.4667 4.37333 12.7333 4.24 11.96 4.24C11.1867 4.24 10.4533 4.37333 9.76 4.64C9.06667 4.90667 8.46667 5.30667 7.96 5.84C7.45333 6.37333 7.05333 6.98667 6.76 7.68C6.46667 8.37333 6.32 9.09333 6.32 9.84C6.32 10.3733 6.4 10.8933 6.56 11.4C6.72 11.9067 6.90667 12.3467 7.12 12.72C7.33333 13.0933 7.65333 13.4933 8.08 13.92C8.29333 14.1333 8.53333 14.3467 8.8 14.56C8.26667 14.7733 7.76 15.0667 7.28 15.44C6.64 15.92 6.09333 16.48 5.64 17.12C5.18667 17.76 4.82667 18.48 4.56 19.28V19.36C3.6 18.4 2.85333 17.28 2.32 16C1.78667 14.72 1.52 13.3867 1.52 12C1.52 10.08 1.98667 8.32 2.92 6.72C3.85333 5.12 5.12 3.85333 6.72 2.92C8.32 1.98667 10.08 1.52 12 1.52C13.92 1.52 15.68 1.98667 17.28 2.92C18.88 3.85333 20.1467 5.12 21.08 6.72C22.0133 8.32 22.48 10.08 22.48 12C22.48 13.3867 22.2267 14.72 21.72 16C21.2133 17.28 20.4533 18.4 19.44 19.36Z"
fill="#868686" />
</g>
<defs>
<clipPath id="clip0_477_135">
<rect width="24" height="24" fill="white" transform="matrix(1 0 0 -1 0 24)" />
</clipPath>
</defs>
</svg>
</div>
<div class="item2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<g clip-path="url(#clip0_477_140)">
<path
d="M19.84 8.72L24 9.6V14.4L19.84 15.28L22.24 18.8L18.8 22.16L15.28 19.84L14.4 24H9.6L8.72 19.84L5.2 22.24L1.84 18.8L4.16 15.28L0 14.4V9.6L4.16 8.72L1.84 5.2L5.2 1.76L8.72 4.16L9.6 0H14.4L15.28 4.16L18.8 1.76L22.24 5.2L19.84 8.72ZM18.32 13.84L22.32 13.04V11.04L18.32 10.16L17.76 8.88L20 5.44L18.64 4L15.2 6.32L13.84 5.76L13.04 1.76H11.04L10.24 5.76L8.96 6.32L5.52 4L4.08 5.44L6.4 8.88L5.84 10.16L1.84 11.04V13.04L5.84 13.84L6.4 15.12L4.08 18.56L5.52 20L8.96 17.68L10.24 18.24L11.04 22.24H13.04L13.84 18.24L15.2 17.68L18.64 20L20 18.56L17.76 15.12L18.32 13.84ZM10.08 9.12C10.6667 8.74667 11.3067 8.56 12 8.56C12.96 8.56 13.7733 8.89333 14.44 9.56C15.1067 10.2267 15.44 11.04 15.44 12C15.44 12.8 15.1733 13.52 14.64 14.16C14.1067 14.8 13.44 15.2 12.64 15.36C11.84 15.52 11.08 15.4133 10.36 15.04C9.64 14.6667 9.13333 14.0933 8.84 13.32C8.54667 12.5467 8.50667 11.7733 8.72 11C8.93333 10.2267 9.38667 9.6 10.08 9.12ZM11.04 13.44C11.36 13.6 11.68 13.68 12 13.68C12.48 13.68 12.88 13.52 13.2 13.2C13.52 12.88 13.68 12.4933 13.68 12.04C13.68 11.5867 13.56 11.2133 13.32 10.92C13.08 10.6267 12.76 10.44 12.36 10.36C11.96 10.28 11.5733 10.3333 11.2 10.52C10.8267 10.7067 10.56 10.9867 10.4 11.36C10.24 11.7333 10.2267 12.12 10.36 12.52C10.4933 12.92 10.72 13.2267 11.04 13.44Z"
fill="#868686" />
</g>
<defs>
<clipPath id="clip0_477_140">
<rect width="24" height="24" fill="white" transform="matrix(1 0 0 -1 0 24)" />
</clipPath>
</defs>
</svg>
</div>
</div>
<div class="box-code">
<div class="nav-code">
<div class="united" onclick="html_box()" id="bg-uni">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="35" viewBox="0 0 16 35" fill="none">
<g clip-path="url(#clip0_477_173)">
<path
d="M0 17.004L3.008 14.204V15.5L0.752 17.5L3.008 19.5V20.796L0 17.996V17.004ZM8 18.044L5.008 20.844V19.5L7.296 17.5L5.008 15.5V14.156L8 16.956V18.044Z"
fill="#E37933" />
</g>
<defs>
<clipPath id="clip0_477_173">
<rect width="16" height="35" fill="white" transform="matrix(1 0 0 -1 0 35)" />
</clipPath>
</defs>
</svg>
<p style="color: #FFF;
font-family: Segoe UI;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 35px; /* 269.231% */
">
ST.html
</p>
</div>
<div class="united2" onclick="css_box()" id="bg-uni2">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="12" viewBox="0 0 10 12" fill="none">
<path
d="M0.213222 10.2004L-0.629028 0.75H8.62897L7.7856 10.1989L3.99435 11.25L0.213222 10.2004Z"
fill="#1572B6" />
<path d="M4 10.4467L7.06375 9.59733L7.7845 1.52283H4V10.4467Z" fill="#33A9DC" />
<path
d="M4 4.94659H5.53375L5.6395 3.75971H4V2.60059H6.90625L6.8785 2.91146L6.59387 6.10571H4V4.94659Z"
fill="white" />
<path
d="M4.00709 7.95681L4.00184 7.95831L2.71109 7.60956L2.62859 6.68518H1.46497L1.62734 8.50506L4.00147 9.16431L4.00709 9.16281V7.95681Z"
fill="#EBEBEB" />
<path
d="M5.43518 6.05664L5.29568 7.60877L4.00305 7.95752V9.16352L6.37905 8.50502L6.39668 8.30927L6.59805 6.05664H5.43518Z"
fill="white" />
<path
d="M4.00409 2.60059V3.75971H1.20434L1.18109 3.49909L1.12821 2.91146L1.10046 2.60059H4.00409ZM3.99996 4.94659V6.10571H2.72534L2.70209 5.84509L2.64959 5.25746L2.62184 4.94659H3.99996Z"
fill="#EBEBEB" />
</svg>
<p style="color: #FFF;
font-family: Segoe UI;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 35px; /* 269.231% */
">
ST.css
</p>
</div>
<div class="united3" onclick="js_box()" id="bg-uni3">
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none">
<g clip-path="url(#clip0_495_73)">
<path d="M0 0H11V11H0V0Z" fill="#F7DF1E" />
<path
d="M2.89225 9.19241L3.73401 8.68297C3.89643 8.9709 4.04416 9.21454 4.39852 9.21454C4.73819 9.21454 4.95239 9.08168 4.95239 8.56485V5.05009H5.98609V8.57946C5.98609 9.65011 5.35849 10.1375 4.44283 10.1375C3.61589 10.1375 3.13589 9.70919 2.89221 9.19232M6.54756 9.08163L7.38924 8.59433C7.61083 8.95617 7.8988 9.22197 8.40824 9.22197C8.8366 9.22197 9.1097 9.00781 9.1097 8.71245C9.1097 8.35804 8.82912 8.23249 8.35655 8.02581L8.09818 7.91495C7.35237 7.59754 6.85767 7.19879 6.85767 6.35703C6.85767 5.5817 7.44836 4.99097 8.37137 4.99097C9.02854 4.99097 9.50111 5.2199 9.84073 5.81799L9.03584 6.3349C8.85859 6.0174 8.6667 5.89189 8.37133 5.89189C8.06857 5.89189 7.87659 6.08388 7.87659 6.3349C7.87659 6.64501 8.06857 6.7706 8.51158 6.96259L8.76999 7.07332C9.6487 7.44994 10.1434 7.83387 10.1434 8.69771C10.1434 9.62815 9.41242 10.1376 8.43037 10.1376C7.47049 10.1376 6.85024 9.6798 6.54752 9.08168"
fill="black" />
</g>
<defs>
<clipPath id="clip0_495_73">
<rect width="11" height="11" fill="white" />
</clipPath>
</defs>
</svg>
<p style="color: #FFF;
font-family: Segoe UI;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 35px; /* 269.231% */
">
ST.js
</p>
</div>
</div>
<textarea class="code" id="html-code" onkeyup="run()"></textarea>
<textarea class="code2" id="css-code" onkeyup="run()"></textarea>
<textarea class="code3" id="js-code" onkeyup="run()"></textarea>
</div>
<script>
function html_box() {
document.getElementById("bg-uni").style.background = "#282B30";
document.getElementById("bg-uni2").style.background = "#181818";
document.getElementById("bg-uni3").style.background = "#181818";
document.getElementById("bg-uni").style.borderTop = "#0078D4 1px solid";
document.getElementById("bg-uni2").style.borderTop = "none";
document.getElementById("bg-uni3").style.borderTop = "none";
document.getElementById("html-code").style.display = "block";
document.getElementById("css-code").style.display = "none";
document.getElementById("js-code").style.display = "none";
}
function css_box() {
document.getElementById("bg-uni2").style.background = "#282B30";
document.getElementById("bg-uni").style.background = "#181818";
document.getElementById("bg-uni3").style.background = "#181818";
document.getElementById("bg-uni2").style.borderTop = "#0078D4 1px solid";
document.getElementById("bg-uni").style.borderTop = "none";
document.getElementById("bg-uni3").style.borderTop = "none";
document.getElementById("html-code").style.display = "none";
document.getElementById("css-code").style.display = "block";
document.getElementById("js-code").style.display = "none";
}
function js_box() {
document.getElementById("bg-uni3").style.background = "#282B30";
document.getElementById("bg-uni").style.background = "#181818";
document.getElementById("bg-uni2").style.background = "#181818";
document.getElementById("bg-uni3").style.borderTop = "#0078D4 1px solid";
document.getElementById("bg-uni").style.borderTop = "none";
document.getElementById("bg-uni2").style.borderTop = "none";
document.getElementById("html-code").style.display = "none";
document.getElementById("css-code").style.display = "none";
document.getElementById("js-code").style.display = "block";
}
</script>
<div class="nav-right">
<div class="nav-code">
<div class="item">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="35" viewBox="0 0 16 35" fill="none">
<g clip-path="url(#clip0_477_227)">
<path
d="M0 18.0067H5.49333V18.7267H0V18.0067ZM0 16.2601H3.06667V16.9934H0V16.2601ZM0 14.5267H5.49333V15.2601H0V14.5267ZM0 19.7401H4.08V20.4734H0V19.7401Z"
fill="#D4D7D6" />
</g>
<defs>
<clipPath id="clip0_477_227">
<rect width="16" height="35" fill="white" transform="matrix(1 0 0 -1 0 35)" />
</clipPath>
</defs>
</svg>
<p class="item-text">
Ans.web
</p>
<p class="item-text2">
Untited-1
</p>
</div>
</div>
<iframe class="show" id="output">
</iframe>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.28.0/ace.js"></script>
<script>
let edior = document.querySelector('#editor')
ace.edit(edior, {
theme: "ace/theme/dracula",
mode: "ace/mode/javascript",
});
function run() {
let editor = document.getElementById("html-code").value;
let editor2 = document.getElementById("css-code").value;
let editor3 = document.getElementById("js-code").value;
let output = document.getElementById("output");
output.contentDocument.body.innerHTML = editor + "<style>" + editor2 + "</style>";
output.contentWindow.eval(editor3);
}
</script>
<div class="time-out" id="demo-block" style="display: none;">
<p id="demo">BEGIN</p>
</div>
<audio id="MyAudio">
<source src="timeout.mp3" type="audio/mpeg">
</audio>
<div class="set-time" onclick="cs_main()">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 31 31" fill="none">
<path
d="M15.5 0C12.4344 0 9.43763 0.909059 6.88867 2.61222C4.33971 4.31538 2.35303 6.73615 1.17987 9.56841C0.00671593 12.4007 -0.300236 15.5172 0.297835 18.5239C0.895906 21.5306 2.37214 24.2924 4.53985 26.4602C6.70756 28.6279 9.4694 30.1041 12.4761 30.7022C15.4828 31.3002 18.5993 30.9933 21.4316 29.8201C24.2638 28.647 26.6846 26.6603 28.3878 24.1113C30.0909 21.5624 31 18.5656 31 15.5C30.9954 11.3905 29.3609 7.4507 26.4551 4.54488C23.5493 1.63905 19.6095 0.00455847 15.5 0ZM15.5 27.5556C13.1156 27.5556 10.7848 26.8485 8.8023 25.5238C6.81977 24.1991 5.27458 22.3163 4.36213 20.1135C3.44967 17.9106 3.21093 15.4866 3.6761 13.1481C4.14126 10.8095 5.28944 8.66143 6.97544 6.97543C8.66144 5.28943 10.8095 4.14125 13.1481 3.67609C15.4866 3.21092 17.9106 3.44966 20.1135 4.36212C22.3163 5.27457 24.1991 6.81976 25.5238 8.80229C26.8485 10.7848 27.5556 13.1156 27.5556 15.5C27.5521 18.6963 26.2809 21.7607 24.0208 24.0208C21.7607 26.2809 18.6963 27.5521 15.5 27.5556ZM25.2593 15.5C25.2593 15.9568 25.0778 16.3948 24.7548 16.7178C24.4319 17.0408 23.9938 17.2222 23.537 17.2222H15.5C15.0432 17.2222 14.6052 17.0408 14.2822 16.7178C13.9592 16.3948 13.7778 15.9568 13.7778 15.5V7.46296C13.7778 7.0062 13.9592 6.56815 14.2822 6.24517C14.6052 5.92219 15.0432 5.74074 15.5 5.74074C15.9568 5.74074 16.3948 5.92219 16.7178 6.24517C17.0408 6.56815 17.2222 7.0062 17.2222 7.46296V13.7778H23.537C23.9938 13.7778 24.4319 13.9592 24.7548 14.2822C25.0778 14.6052 25.2593 15.0432 25.2593 15.5Z"
fill="#F8F8F8" />
</svg>
</div>
<div id="cs_time" style="display: none;">
<div class="choose-set-time" onclick="cs1()">
05:00
</div>
<div class="choose-set-time2" onclick="cs2()">
45:00
</div>
<div class="choose-set-time3" onclick="cs3()">
1:35H
</div>
</div>
</div>
</div>
</div>
<script>
function cs_main() {
document.getElementById('cs_time').style.display = ('block');
document.getElementById('demo-block').style.display = ('flex');
}
function cs1() {
document.getElementById('cs_time').style.display = ('none');
const myTimeout = setTimeout(myGreeting, 300000);
function myGreeting() {
document.getElementById("demo").innerHTML = document.getElementById("demo").innerHTML.replace("BEGIN", "TIME OUT");
document.getElementById("MyAudio").play();
}
}
function cs2() {
document.getElementById('cs_time').style.display = ('none');
const myTimeout = setTimeout(myGreeting, 2700000);
function myGreeting() {
document.getElementById("demo").innerHTML = document.getElementById("demo").innerHTML.replace("BEGIN", "TIME OUT");
document.getElementById("MyAudio").play();
}
}
function cs3() {
document.getElementById('cs_time').style.display = ('none');
const myTimeout = setTimeout(myGreeting, 63000000);
function myGreeting() {
document.getElementById("demo").innerHTML = document.getElementById("demo").innerHTML.replace("BEGIN", "TIME OUT");
document.getElementById("MyAudio").play();
}
}
</script>
</div>
</body>
</html>