-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsetting2.html
More file actions
246 lines (237 loc) · 24.2 KB
/
Copy pathsetting2.html
File metadata and controls
246 lines (237 loc) · 24.2 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
<!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="setting2.css">
<link rel="shortcut icon" href="logo.png" type="image/x-icon">
<link rel="stylesheet" href="fonts.css">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<title>Study Zone</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<!------------------------LOADER--------------------------->
<!----------------------------Chat MESS-------------------------------->
</head>
<body>
<div class="loader"></div>
<div class="ct" style="display: none;">
<a href="main.html">
<div class="it">
<p>Phòng Học</p>
</div>
</a>
<a href="">
<div class="it">
<p>Đổi Chương</p>
</div>
</a>
<a href="">
<div class="it">
<p>Chuyển Bài</p>
</div>
</a>
<a href="">
<div class="it">
<p>Rời Phòng</p>
</div>
</a>
</div>
<div id="wrapper" style="display: none;">
<div>
<nav>
<div class="time-box">
<div class="day">
<p>Thu Mar 02</p>
</div>
<div class="time">
<p>11:29 PM</p>
</div>
</div>
<div class="choose-bg">
<div class="item" style="background: rgba(89, 87, 96, 0.84);">
<p>1</p>
</div>
<div class="item">
<p>2</p>
</div>
<div class="item">
<p>3</p>
</div>
<div class="item">
<p>4</p>
</div>
<div class="item">
<p>5</p>
</div>
<div class="item">
<p>6</p>
</div>
</div>
<div class="box-icon">
<div class="full" onclick="screen_f()" style="cursor: pointer;">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="11" viewBox="0 0 13 11" fill="none">
<path
d="M12.1875 0H0.8125C0.365828 0 0 0.380594 0 0.845765V8.0373C0 8.50226 0.365828 8.88284 0.8125 8.88284H6.09375V10.1542H4.0625C3.83825 10.1542 3.65625 10.3437 3.65625 10.5771C3.65625 10.8105 3.83825 11 4.0625 11H8.9375C9.16175 11 9.34375 10.8105 9.34375 10.5771C9.34375 10.3437 9.16175 10.1542 8.9375 10.1542H6.90625V8.88284H12.1875C12.6342 8.88284 13 8.50225 13 8.0373V0.845765C13 0.380594 12.6342 0 12.1875 0ZM12.1875 8.0373H0.8125V0.845765H12.1875V8.0373Z"
fill="#EFF1F5" />
</svg>
</div>
<svg width="134" height="16" viewBox="0 0 134 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M42.5463 5.63735C42.5332 5.52284 42.4979 5.41221 42.4424 5.31207C42.387 5.21193 42.3126 5.12432 42.2236 5.05447C40.5142 3.71383 38.4237 2.99174 36.276 3.00007C34.1282 2.99174 32.0378 3.71383 30.3284 5.05447C30.2394 5.12432 30.165 5.21193 30.1096 5.31207C30.0541 5.41221 30.0188 5.52284 30.0057 5.63735C29.9926 5.75159 30.0022 5.86739 30.034 5.97764C30.0659 6.08789 30.1192 6.19026 30.1909 6.27848L35.6301 13.0418C35.7087 13.1397 35.8074 13.2184 35.9191 13.2722C36.0308 13.326 36.1527 13.3536 36.276 13.3529C36.3989 13.3533 36.5204 13.3255 36.6317 13.2717C36.743 13.2179 36.8414 13.1394 36.9198 13.0418L42.359 6.27848C42.431 6.19044 42.4848 6.08814 42.517 5.97788C42.5492 5.86762 42.5591 5.75174 42.5463 5.63735ZM40.1002 7.73704C38.9899 6.90127 37.6507 6.45087 36.276 6.45087C34.9013 6.45087 33.5621 6.90127 32.4518 7.73704L30.8415 5.73603C32.4042 4.51315 34.3141 3.85484 36.276 3.86281C38.2379 3.85484 40.1478 4.51315 41.7105 5.73603L40.1002 7.73704Z"
fill="#EFF1F5" />
<path
d="M68.8704 4.92573L65.9577 2.18912C65.53 1.78724 64.7967 2.06792 64.7967 2.63566V6.5779L62.1556 4.09645C62.0927 4.0374 62.0181 3.99055 61.936 3.95859C61.8538 3.92662 61.7658 3.91017 61.6769 3.91017C61.588 3.91017 61.5 3.92662 61.4179 3.95859C61.3357 3.99055 61.2611 4.0374 61.1983 4.09645C61.1354 4.15551 61.0855 4.22562 61.0515 4.30279C61.0175 4.37995 61 4.46265 61 4.54618C61 4.6297 61.0175 4.7124 61.0515 4.78956C61.0855 4.86673 61.1354 4.93684 61.1983 4.9959L64.5183 8.11524L61.1983 11.2346C61.1354 11.2936 61.0855 11.3638 61.0515 11.4409C61.0175 11.5181 61 11.6008 61 11.6843C61 11.7678 61.0175 11.8505 61.0515 11.9277C61.0855 12.0049 61.1354 12.075 61.1983 12.134C61.2611 12.1931 61.3357 12.2399 61.4179 12.2719C61.5 12.3039 61.588 12.3203 61.6769 12.3203C61.7658 12.3203 61.8538 12.3039 61.936 12.2719C62.0181 12.2399 62.0927 12.1931 62.1556 12.134L64.7967 9.65259V13.5948C64.7967 14.1626 65.53 14.4496 65.9577 14.0477L68.8704 11.3048C68.9333 11.2457 68.9832 11.1756 69.0173 11.0985C69.0514 11.0213 69.0689 10.9386 69.0689 10.855C69.0689 10.7715 69.0514 10.6888 69.0173 10.6116C68.9832 10.5344 68.9333 10.4643 68.8704 10.4053L66.433 8.11524L68.8704 5.83155C69.1352 5.58277 69.1352 5.17451 68.8704 4.92573ZM66.1546 4.17938L67.431 5.37864L66.1546 6.5779V4.17938ZM67.431 10.8518L66.1546 12.0511V9.65259L67.431 10.8518Z"
fill="#EFF1F5" />
<path
d="M126.172 10.5C127.163 10.5 127.965 9.60457 127.965 8.5C127.965 7.39543 127.163 6.5 126.172 6.5C125.182 6.5 124.379 7.39543 124.379 8.5C124.379 9.60457 125.182 10.5 126.172 10.5Z"
fill="#EFF1F5" />
<path
d="M131.776 4.5H129.45C129.366 4.5 129.262 4.43938 129.181 4.34375L128.417 3.00625C128.106 2.5 127.966 2.5 127.461 2.5H124.884C124.379 2.5 124.211 2.5 123.929 3.00656L123.164 4.34375C123.102 4.41937 123.014 4.5 122.922 4.5V4C122.922 3.9337 122.899 3.87011 122.857 3.82322C122.815 3.77634 122.758 3.75 122.698 3.75H121.578C121.518 3.75 121.461 3.77634 121.419 3.82322C121.377 3.87011 121.354 3.9337 121.354 4V4.5H120.569C120.391 4.5 120.22 4.57902 120.094 4.71967C119.967 4.86032 119.897 5.05109 119.897 5.25V12.75C119.897 12.9489 119.967 13.1397 120.094 13.2803C120.22 13.421 120.391 13.5 120.569 13.5H131.776C131.954 13.5 132.125 13.421 132.251 13.2803C132.377 13.1397 132.448 12.9489 132.448 12.75V5.25C132.448 5.05109 132.377 4.86032 132.251 4.71967C132.125 4.57902 131.954 4.5 131.776 4.5ZM126.299 11.4969C125.757 11.5253 125.22 11.3701 124.758 11.0517C124.296 10.7333 123.932 10.2666 123.713 9.71295C123.493 9.15928 123.429 8.54453 123.529 7.94947C123.628 7.35442 123.887 6.8069 124.271 6.37886C124.655 5.95082 125.145 5.66228 125.679 5.55116C126.212 5.44004 126.764 5.51153 127.26 5.75624C127.756 6.00096 128.175 6.40744 128.46 6.92229C128.746 7.43714 128.885 8.03626 128.859 8.64094C128.827 9.38682 128.547 10.0926 128.074 10.6206C127.6 11.1487 126.968 11.4611 126.299 11.4969Z"
fill="#EFF1F5" />
<g clip-path="url(#clip0_962_20)">
<path
d="M96.0547 11.5211C95.9515 11.5223 95.8507 11.4936 95.7676 11.4394C95.6846 11.3853 95.624 11.3086 95.5951 11.2212C95.5662 11.1337 95.5705 11.0403 95.6075 10.9553C95.6444 10.8702 95.712 10.7982 95.7997 10.7502C96.2294 10.5136 96.5823 10.1828 96.824 9.78999C97.0658 9.39723 97.1881 8.95592 97.179 8.50906C97.17 8.06219 97.0299 7.62501 96.7725 7.24011C96.515 6.8552 96.149 6.5357 95.71 6.31272C95.6536 6.28668 95.6037 6.25082 95.5634 6.20733C95.523 6.16383 95.4931 6.11358 95.4754 6.05961C95.4576 6.00564 95.4524 5.94906 95.4601 5.89328C95.4678 5.83749 95.4882 5.78366 95.5201 5.735C95.5519 5.68635 95.5946 5.64389 95.6456 5.61018C95.6965 5.57646 95.7547 5.55219 95.8165 5.53882C95.8784 5.52545 95.9427 5.52326 96.0055 5.53238C96.0684 5.5415 96.1285 5.56174 96.1822 5.59189C96.7602 5.8876 97.2417 6.31007 97.5802 6.81833C97.9186 7.3266 98.1024 7.90341 98.1138 8.49282C98.1252 9.08223 97.9638 9.66424 97.6452 10.1824C97.3267 10.7006 96.8617 11.1373 96.2956 11.4502C96.2241 11.4928 96.1408 11.5173 96.0547 11.5211Z"
fill="#EFF1F5" fill-opacity="0.39" />
<path
d="M97.0983 13.9918C96.9925 13.9912 96.8901 13.9594 96.8073 13.9013C96.7245 13.8433 96.6662 13.7624 96.6417 13.6716C96.6172 13.5808 96.6279 13.4855 96.6722 13.4007C96.7165 13.316 96.7917 13.2468 96.8858 13.2043C97.8764 12.7736 98.7094 12.1052 99.2891 11.2759C99.8689 10.4465 100.172 9.48978 100.164 8.51538C100.155 7.54098 99.8357 6.5884 99.2418 5.76691C98.6478 4.94543 97.8034 4.28831 96.8055 3.87093C96.7479 3.8481 96.6961 3.81532 96.6532 3.77452C96.6102 3.73372 96.5769 3.68574 96.5553 3.6334C96.5337 3.58107 96.5243 3.52545 96.5275 3.46983C96.5306 3.4142 96.5464 3.35971 96.5739 3.30957C96.6014 3.25942 96.64 3.21465 96.6874 3.17788C96.7348 3.14112 96.7901 3.11312 96.85 3.09553C96.9099 3.07795 96.9731 3.07114 97.0361 3.0755C97.099 3.07986 97.1603 3.09531 97.2163 3.12093C98.3755 3.60377 99.3569 4.36511 100.048 5.31763C100.739 6.27015 101.112 7.37527 101.124 8.50623C101.136 9.6372 100.786 10.7482 100.115 11.7118C99.4438 12.6754 98.4785 13.4526 97.3297 13.9543C97.2574 13.9838 97.1778 13.9967 97.0983 13.9918Z"
fill="#EFF1F5" fill-opacity="0.39" />
<path
d="M93.6559 2.66652L89.2831 5.99986H86.4498C86.3245 5.99986 86.2044 6.04376 86.1158 6.1219C86.0273 6.20004 85.9775 6.30602 85.9775 6.41652V10.5499C85.9775 10.6604 86.0273 10.7663 86.1158 10.8445C86.2044 10.9226 86.3245 10.9665 86.4498 10.9665H89.1934L93.6606 14.3999C93.7282 14.4523 93.8113 14.4866 93.9002 14.4987C93.9891 14.5108 94.0801 14.5003 94.1625 14.4683C94.2448 14.4364 94.3151 14.3843 94.3651 14.3183C94.415 14.2523 94.4426 14.1751 94.4445 14.0957V2.96652C94.4425 2.88672 94.4145 2.80911 94.364 2.74291C94.3134 2.67672 94.2424 2.62473 94.1593 2.59313C94.0763 2.56153 93.9847 2.55164 93.8954 2.56466C93.8061 2.57767 93.723 2.61302 93.6559 2.66652Z"
fill="#EFF1F5" />
</g>
<path
d="M3.32402 3.14286V2H6.67598V3.14286H3.32402ZM3.88268 9.85714L3.26816 8.6C3.2216 8.49524 3.15177 8.41657 3.05866 8.364C2.96555 8.31143 2.86778 8.28533 2.76536 8.28571H0C0.139665 7 0.684357 5.91657 1.63408 5.03543C2.5838 4.15429 3.70577 3.7139 5 3.71429C5.57728 3.71429 6.13128 3.80952 6.66201 4C7.19274 4.19048 7.69087 4.46667 8.15642 4.82857L8.93855 4.02857L9.72067 4.82857L8.93855 5.62857C9.2365 6.02857 9.47393 6.4501 9.65084 6.89314C9.82775 7.33619 9.94413 7.80038 10 8.28571H7.5838L6.62011 6.31429C6.51769 6.09524 6.35009 5.98571 6.11732 5.98571C5.88454 5.98571 5.71695 6.09524 5.61452 6.31429L3.88268 9.85714ZM5 14C3.70577 14 2.5838 13.5594 1.63408 12.6783C0.684357 11.7971 0.139665 10.7139 0 9.42857H2.4162L3.37989 11.4C3.48231 11.619 3.64991 11.7286 3.88268 11.7286C4.11546 11.7286 4.28305 11.619 4.38547 11.4L6.11732 7.85714L6.73184 9.11429C6.7784 9.21905 6.84823 9.29771 6.94134 9.35029C7.03445 9.40286 7.13222 9.42895 7.23464 9.42857H10C9.86034 10.7143 9.31564 11.7975 8.36592 12.6783C7.4162 13.559 6.29423 13.9996 5 14Z"
fill="#EFF1F5" />
<defs>
<clipPath id="clip0_962_20">
<rect width="17" height="15" fill="white" transform="translate(85 1)" />
</clipPath>
</defs>
</svg>
</div>
</nav>
<div class="intro-box">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="11" viewBox="0 0 12 11" fill="none">
<path
d="M6 3.25C6.35714 1.76969 7.70603 1.01383 10.6429 1C10.6898 0.999817 10.7363 1.00939 10.7797 1.02817C10.8231 1.04695 10.8626 1.07456 10.8958 1.10942C10.929 1.14428 10.9553 1.1857 10.9732 1.23128C10.9911 1.27686 11.0002 1.3257 11 1.375V8.125C11 8.22446 10.9624 8.31984 10.8954 8.39017C10.8284 8.46049 10.7376 8.5 10.6429 8.5C7.78571 8.5 6.68192 9.10492 6 10M6 3.25C5.64286 1.76969 4.29397 1.01383 1.35715 1C1.31019 0.999817 1.26367 1.00939 1.22026 1.02817C1.17685 1.04695 1.13741 1.07456 1.10421 1.10942C1.07101 1.14428 1.04471 1.1857 1.02683 1.23128C1.00894 1.27686 0.999825 1.3257 1 1.375V8.07977C1 8.31133 1.13661 8.5 1.35715 8.5C4.21429 8.5 5.3221 9.10938 6 10M6 3.25V10"
stroke="#7D7798" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<p>
Chọn Tài liệu học tập và Chuyển đổi
</p>
</div>
<div style="padding-top: 13px;"></div>
<div class="up_tile" onclick="triggerUpload()">
<svg xmlns="http://www.w3.org/2000/svg" width="41" height="42" viewBox="0 0 41 42" fill="none"
id="uploadIcon">
<path d="M20.25 2.99805L20.25 39.0015" stroke="#12101C" stroke-width="5" stroke-linecap="round" />
<path d="M38 22L3 22" stroke="#12101C" stroke-width="5" stroke-linecap="round" />
</svg>
</div>
<input type="file" id="uploadInput" accept="image/*" onchange="handleImageUpload()">
<div style="padding-top: 12px;"></div>
<div class="line"></div>
</div>
<div style="height: calc(100vh - 191px); width: 100%; display: flex;
flex-direction: column;align-items: center;justify-content: center;row-gap: 12px
;">
<div class="up_file">
<svg xmlns="http://www.w3.org/2000/svg" width="88" height="83" viewBox="0 0 88 83" fill="none">
<path
d="M15.4817 71.3901C12.967 71.3901 10.5553 70.4539 8.77713 68.7873C6.99896 67.1208 6 64.8604 6 62.5036L6 49.8085C6 48.7984 6.42813 47.8297 7.1902 47.1155C7.95227 46.4013 8.98586 46 10.0636 46C11.1413 46 12.1749 46.4013 12.937 47.1155C13.6991 47.8297 14.1272 48.7984 14.1272 49.8085L14.1272 62.5036C14.1272 63.2044 14.734 63.7731 15.4817 63.7731L72.3721 63.7731C72.7313 63.7731 73.0758 63.6393 73.3299 63.4013C73.5839 63.1632 73.7266 62.8403 73.7266 62.5036V49.8085C73.7266 48.7984 74.1547 47.8297 74.9168 47.1155C75.6789 46.4013 76.7125 46 77.7902 46C78.8679 46 79.9015 46.4013 80.6636 47.1155C81.4257 47.8297 81.8538 48.7984 81.8538 49.8085V62.5036C81.8538 64.8604 80.8548 67.1208 79.0767 68.7873C77.2985 70.4539 74.8868 71.3901 72.3721 71.3901H15.4817Z"
fill="#7D7798" />
<path
d="M47.7337 21.0038V49.8927C47.7337 50.9027 47.3056 51.8714 46.5435 52.5857C45.7814 53.2999 44.7478 53.7012 43.6701 53.7012C42.5924 53.7012 41.5588 53.2999 40.7967 52.5857C40.0346 51.8714 39.6065 50.9027 39.6065 49.8927V21.0038L28.9328 31.0024C28.5557 31.3558 28.108 31.6362 27.6153 31.8275C27.1226 32.0187 26.5945 32.1172 26.0612 32.1172C25.5279 32.1172 24.9998 32.0187 24.5071 31.8275C24.0144 31.6362 23.5667 31.3558 23.1896 31.0024C22.8125 30.649 22.5133 30.2294 22.3092 29.7676C22.1052 29.3058 22.0001 28.8109 22.0001 28.311C22.0001 27.8112 22.1052 27.3163 22.3092 26.8545C22.5133 26.3927 22.8125 25.9731 23.1896 25.6197L40.7985 9.11609C41.1754 8.76233 41.623 8.48169 42.1158 8.29021C42.6085 8.09873 43.1367 8.00017 43.6701 8.00017C44.2035 8.00017 44.7317 8.09873 45.2244 8.29021C45.7172 8.48169 46.1648 8.76233 46.5417 9.11609L64.1506 25.6197C64.5277 25.9731 64.8269 26.3927 65.031 26.8545C65.235 27.3163 65.3401 27.8112 65.3401 28.311C65.3401 28.8109 65.235 29.3058 65.031 29.7676C64.8269 30.2294 64.5277 30.649 64.1506 31.0024C63.7735 31.3558 63.3258 31.6362 62.8331 31.8275C62.3404 32.0187 61.8123 32.1172 61.279 32.1172C60.7457 32.1172 60.2176 32.0187 59.7249 31.8275C59.2322 31.6362 58.7845 31.3558 58.4074 31.0024L47.7337 21.0038Z"
fill="#7D7798" />
</svg>
</div>
<p class="ht_up">Tải File Word Lên</p>
<p class="ht_mid_up">Click Chuột để bắt đầu quá trình tải file trên bắt đầu học</p>
<div style="padding-top: 12px;"></div>
<div class="next_up">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="19" viewBox="0 0 16 19" fill="none">
<path
d="M14.6634 8.6548C15.2841 9.04731 15.2841 9.95269 14.6634 10.3452L1.78445 18.489C1.1186 18.91 0.25 18.4316 0.25 17.6438L0.25 1.3562C0.25 0.568399 1.1186 0.0899568 1.78445 0.510996L14.6634 8.6548Z"
fill="#12101C" />
</svg>
</div>
</div>
<div class="footer">
<svg xmlns="http://www.w3.org/2000/svg" width="33" height="32" viewBox="0 0 33 32" fill="none">
<path
d="M17.215 0.25607C17.0158 0.0908122 16.7622 0 16.5 0C16.2378 0 15.9842 0.0908122 15.785 0.25607L0 13.3761V28.8001C0 29.6488 0.347678 30.4627 0.966548 31.0628C1.58542 31.6629 2.42479 32.0001 3.3 32.0001H12.1C12.3917 32.0001 12.6715 31.8877 12.8778 31.6876C13.0841 31.4876 13.2 31.2163 13.2 30.9334V24.5334C13.2 23.6847 13.5477 22.8708 14.1665 22.2707C14.7854 21.6705 15.6248 21.3334 16.5 21.3334C17.3752 21.3334 18.2146 21.6705 18.8335 22.2707C19.4523 22.8708 19.8 23.6847 19.8 24.5334V30.9334C19.8 31.2163 19.9159 31.4876 20.1222 31.6876C20.3285 31.8877 20.6083 32.0001 20.9 32.0001H29.7C30.5752 32.0001 31.4146 31.6629 32.0335 31.0628C32.6523 30.4627 33 29.6488 33 28.8001V13.3761L17.215 0.25607Z"
fill="#7D7798" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="41" height="42" viewBox="0 0 41 42" fill="none">
<path
d="M10.4635 5.25C9.04767 5.25 7.68979 5.82617 6.68862 6.85176C5.68745 7.87735 5.125 9.26835 5.125 10.7188V31.2812C5.125 32.7317 5.68745 34.1227 6.68862 35.1482C7.68979 36.1738 9.04767 36.75 10.4635 36.75H22.2083V28.2188C22.2083 26.7683 22.7708 25.3773 23.772 24.3518C24.7731 23.3262 26.131 22.75 27.5469 22.75H35.875V10.7188C35.875 9.26835 35.3125 7.87735 34.3114 6.85176C33.3102 5.82617 31.9523 5.25 30.5365 5.25H10.4635ZM35.4026 24.9375H27.5469C26.6974 24.9375 25.8826 25.2832 25.2819 25.8986C24.6812 26.5139 24.3438 27.3485 24.3438 28.2188V36.2661C24.9316 35.9941 25.4664 35.6153 25.9223 35.1479L34.311 26.5554C34.7673 26.0881 35.1372 25.5399 35.4026 24.9375Z"
fill="#7D7798" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="33" height="32" viewBox="0 0 33 32" fill="none">
<path
d="M29.9375 0.25H3.0625C2.34973 0.25 1.66615 0.526562 1.16215 1.01884C0.658146 1.51113 0.375 2.17881 0.375 2.875V29.125C0.375 29.8212 0.658146 30.4889 1.16215 30.9812C1.66615 31.4734 2.34973 31.75 3.0625 31.75H29.9375C30.6503 31.75 31.3338 31.4734 31.8378 30.9812C32.3419 30.4889 32.625 29.8212 32.625 29.125V2.875C32.625 2.17881 32.3419 1.51113 31.8378 1.01884C31.3338 0.526562 30.6503 0.25 29.9375 0.25ZM25.5132 22.9464C25.6381 23.0683 25.7371 23.2131 25.8047 23.3724C25.8722 23.5318 25.907 23.7025 25.907 23.875C25.907 24.0475 25.8722 24.2182 25.8047 24.3776C25.7371 24.5369 25.6381 24.6817 25.5132 24.8036C25.3884 24.9255 25.2401 25.0223 25.077 25.0883C24.9139 25.1543 24.7391 25.1882 24.5625 25.1882C24.3859 25.1882 24.2111 25.1543 24.048 25.0883C23.8849 25.0223 23.7366 24.9255 23.6118 24.8036L16.5 17.8555L9.3882 24.8036C9.13606 25.0499 8.79408 25.1882 8.4375 25.1882C8.08092 25.1882 7.73894 25.0499 7.4868 24.8036C7.23465 24.5573 7.093 24.2233 7.093 23.875C7.093 23.5267 7.23465 23.1927 7.4868 22.9464L14.6003 16L7.4868 9.05359C7.23465 8.80732 7.093 8.47329 7.093 8.125C7.093 7.77671 7.23466 7.44269 7.4868 7.19641C7.73894 6.95013 8.08092 6.81177 8.4375 6.81177C8.79408 6.81177 9.13606 6.95013 9.3882 7.19641L16.5 14.1445L23.6118 7.19641C23.8639 6.95013 24.2059 6.81177 24.5625 6.81177C24.9191 6.81177 25.2611 6.95013 25.5132 7.19641C25.7653 7.44268 25.907 7.77671 25.907 8.125C25.907 8.47329 25.7653 8.80732 25.5132 9.05359L18.3997 16L25.5132 22.9464Z"
fill="#7D7798" />
</svg>
</div>
</div>
<script>
function screen_f() {
var elem = document.documentElement;
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.webkitRequestFullscreen) { /* Safari */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE11 */
elem.msRequestFullscreen();
}
}
</script>
<script>
window.onload = function () {
var preloader = document.querySelector(".loader");
var mainContent = document.querySelector("#wrapper");
setTimeout(function () {
// Ẩn preloader khi tải xong
preloader.style.display = "none";
// Hiển thị nội dung chính của trang
mainContent.style.display = "flex";
mainContent.classList.add('animation-status6');
// Added missing class name, assuming you want to toggle a class named "hidden"
}, 1000);
};
</script>
<script>
let menu = document.querySelector('.ct')
document.addEventListener('contextmenu', function (event) {
menu.style.display = 'flex';
menu.style.top = event.y + 'px';
menu.style.left = event.x + 'px';
event.preventDefault();
})
document.addEventListener('click', function (event) {
menu.style.display = 'none';
})
</script>
<script>
function triggerUpload() {
document.getElementById('uploadInput').click();
}
function handleImageUpload() {
const input = document.getElementById('uploadInput');
const icon = document.getElementById('uploadIcon');
if (input.files && input.files[0]) {
const reader = new FileReader();
reader.onload = function (e) {
// Change the SVG to an image
icon.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 38 35" fill="none">
<path d="M37.3336 2.43056C36.9354 2.09066 36.4148 1.91819 35.8859 1.951C35.357 1.98381 34.8631 2.21922 34.5126 2.60556L30.7712 6.78611L29.5108 5.40556C29.1579 5.01878 28.6614 4.78408 28.1305 4.75309C27.5996 4.72209 27.0777 4.89734 26.6797 5.24028C26.2818 5.58322 26.0403 6.06576 26.0084 6.58174C25.9765 7.09773 26.1568 7.6049 26.5097 7.99167L29.2907 11.025C29.48 11.2289 29.7116 11.3915 29.9702 11.5021C30.2289 11.6127 30.5087 11.6688 30.7912 11.6667C31.0719 11.6636 31.3488 11.6031 31.6039 11.4892C31.859 11.3753 32.0865 11.2105 32.2718 11.0056L37.4937 5.17222C37.8459 4.78772 38.0268 4.28318 37.9968 3.76924C37.9668 3.25529 37.7283 2.77388 37.3336 2.43056ZM14.0051 15.5556C15.5879 15.5556 17.1352 15.0994 18.4513 14.2448C19.7674 13.3901 20.7931 12.1754 21.3989 10.7542C22.0046 9.333 22.1631 7.76915 21.8543 6.26041C21.5455 4.75167 20.7833 3.3658 19.664 2.27806C18.5448 1.19032 17.1188 0.449559 15.5664 0.149451C14.014 -0.150656 12.4049 0.00336996 10.9425 0.592051C9.48019 1.18073 8.2303 2.17763 7.35093 3.45668C6.47156 4.73573 6.00219 6.23948 6.00219 7.77778C6.00219 9.84058 6.84535 11.8189 8.34619 13.2775C9.84703 14.7361 11.8826 15.5556 14.0051 15.5556ZM26.0095 35C26.5401 35 27.049 34.7951 27.4242 34.4305C27.7994 34.0658 28.0102 33.5713 28.0102 33.0556C28.0102 29.4457 26.5347 25.9836 23.9082 23.431C21.2818 20.8785 17.7195 19.4444 14.0051 19.4444C10.2907 19.4444 6.72847 20.8785 4.102 23.431C1.47553 25.9836 5.53487e-08 29.4457 0 33.0556C0 33.5713 0.210791 34.0658 0.586 34.4305C0.96121 34.7951 1.4701 35 2.00073 35" fill="#12101C"/>
</svg>`;
};
reader.readAsDataURL(input.files[0]);
}
}
</script>
</body>