ShadowVNs commited on
Commit
91a041a
·
verified ·
1 Parent(s): e3c1d09

Create public/index.html

Browse files
Files changed (1) hide show
  1. public/index.html +600 -0
public/index.html ADDED
@@ -0,0 +1,600 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
3
+ <link href='https://i.imgur.com/QARN7st.png' rel='icon' type='image/x-icon'/>
4
+ <link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>
5
+ <head>
6
+ <link href='https://www.blogger.com/static/v1/widgets/1324390690-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
7
+ <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
8
+ <meta charset='utf-8'/>
9
+ <link href='https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>
10
+ <title>Thông tin về dun</title>
11
+ <style type='text/css'>
12
+ .fill:hover,.fill:focus{box-shadow:inset 0 0 0 2em var(--hover)}.close:hover,.close:focus{box-shadow:inset -3.5em 0 0 0 var(--hover),inset 3.5em 0 0 0 var(--hover)}.raise:hover,.raise:focus{color:#ffec48;box-shadow:0 0.5em 0.5em -0.4em var(--hover);transform:translateY(-0.25em)}.up:hover,.up:focus{box-shadow:inset 0 -3.25em 0 0 var(--hover)}.slide:hover,.slide:focus{box-shadow:inset 6.5em 0 0 0 var(--hover)}.offset{box-shadow:0.3em 0.3em 0 0 var(--color),inset 0.3em 0.3em 0 0 var(--color)}.offset:hover,.offset:focus{box-shadow:0 0 0 0 var(--hover),inset 6em 3.5em 0 0 var(--hover)}.fill{--color:#a972cb;--hover:#cb72aa}.close{--color:#ff7f82;--hover:#ffdc7f}.raise{--color:#ffa260;--hover:#ffec48}.up{--color:#e4cb58;--hover:#94e458}.slide{--color:#8fc866;--hover:#66c887}.offset{--color:#19bc8b;--hover:#1973bc}button{color:var(--color);transition:0.25s}button:hover,button:focus{border-color:var(--hover);color:#fff}button{background:none;border:2px solid;font:inherit;line-height:1;cursor:pointer;padding:1em 2em}
13
+ </style>
14
+ <style type='text/css'>
15
+ html {
16
+ height: 100%;
17
+ }
18
+ body {
19
+ overflow: hidden;
20
+ background: #2195f2;
21
+ position: fixed;
22
+ padding: 0px;
23
+ margin: 0px;
24
+ width: 100%;
25
+ height: 100%;
26
+ font: normal 14px/1.618em "Roboto", sans-serif;
27
+ -webkit-font-smoothing: antialiased;
28
+ }
29
+ body:before {
30
+ content: "";
31
+ height: 0px;
32
+ padding: 0px;
33
+ border: 130em solid #313440;
34
+ position: absolute;
35
+ left: 50%;
36
+ top: 100%;
37
+ z-index: 2;
38
+ display: block;
39
+ -webkit-border-radius: 50%;
40
+ border-radius: 50%;
41
+ -webkit-transform: translate(-50%, -50%);
42
+ transform: translate(-50%, -50%);
43
+ -webkit-animation: puff 0.5s 1.8s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards, borderRadius 0.2s 2.3s linear forwards;
44
+ animation: puff 0.5s 1.8s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards, borderRadius 0.2s 2.3s linear forwards;
45
+ }
46
+ h1,
47
+ h2 {
48
+ font-weight: 500;
49
+ margin: 0px 0px 5px 0px;
50
+ }
51
+ h1 {
52
+ font-size: 24px;
53
+ }
54
+ h2 {
55
+ font-size: 16px;
56
+ }
57
+ p {
58
+ margin: 0px;
59
+ }
60
+ .profile-card {
61
+ background: #FFB300;
62
+ width: 56px;
63
+ height: 56px;
64
+ position: absolute;
65
+ left: 50%;
66
+ top: 50%;
67
+ z-index: 2;
68
+ overflow: hidden;
69
+ opacity: 0;
70
+ margin-top: 70px;
71
+ -webkit-transform: translate(-50%, -50%);
72
+ transform: translate(-50%, -50%);
73
+ -webkit-border-radius: 50%;
74
+ border-radius: 50%;
75
+ -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16), 0px 3px 6px rgba(0, 0, 0, 0.23);
76
+ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16), 0px 3px 6px rgba(0, 0, 0, 0.23);
77
+ -webkit-animation: init 0.5s 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards, moveDown 1s 0.8s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards, moveUp 1s 1.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards, materia 0.5s 2.7s cubic-bezier(0.86, 0, 0.07, 1) forwards;
78
+ animation: init 0.5s 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards, moveDown 1s 0.8s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards, moveUp 1s 1.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards, materia 0.5s 2.7s cubic-bezier(0.86, 0, 0.07, 1) forwards;
79
+ }
80
+ .profile-card header {
81
+ width: 179px;
82
+ height: 280px;
83
+ padding: 40px 20px 30px 20px;
84
+ display: inline-block;
85
+ float: left;
86
+ border-right: 2px dashed #EEEEEE;
87
+ background: #FFCCFF;
88
+ color: #000000;
89
+ margin-top: 50px;
90
+ opacity: 0;
91
+ text-align: center;
92
+ -webkit-animation: moveIn 1s 3.1s ease forwards;
93
+ animation: moveIn 1s 3.1s ease forwards;
94
+ }
95
+ .profile-card header h1 {
96
+ color: #FF5722;
97
+ }
98
+ .profile-card header a {
99
+ display: inline-block;
100
+ text-align: center;
101
+ position: relative;
102
+ margin: 25px 30px;
103
+ }
104
+ .profile-card header a:after {
105
+ position: absolute;
106
+ content: "";
107
+ bottom: 3px;
108
+ right: 3px;
109
+ width: 20px;
110
+ height: 20px;
111
+ border: 4px solid #FFCCFF;
112
+ -webkit-transform: scale(0);
113
+ transform: scale(0);
114
+ background: -webkit-linear-gradient(top, #2196F3 0%, #2196F3 50%, #FFC107 50%, #FFC107 100%);
115
+ background: linear-gradient(#2196F3 0%, #2196F3 50%, #FFC107 50%, #FFC107 100%);
116
+ -webkit-border-radius: 50%;
117
+ border-radius: 50%;
118
+ -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
119
+ box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
120
+ -webkit-animation: scaleIn 0.3s 3.5s ease forwards;
121
+ animation: scaleIn 0.3s 3.5s ease forwards;
122
+ }
123
+ .profile-card header a > img {
124
+ width: 120px;
125
+ max-width: 100%;
126
+ -webkit-border-radius: 50%;
127
+ border-radius: 50%;
128
+ -webkit-transition: -webkit-box-shadow 0.3s ease;
129
+ transition: box-shadow 0.3s ease;
130
+ -webkit-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.06);
131
+ box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.06);
132
+ }
133
+ .profile-card header a:hover > img {
134
+ -webkit-box-shadow: 0px 0px 0px 12px rgba(0, 0, 0, 0.1);
135
+ box-shadow: 0px 0px 0px 12px rgba(0, 0, 0, 0.1);
136
+ }
137
+ .profile-card .profile-bio {
138
+ width: 175px;
139
+ height: 180px;
140
+ display: inline-block;
141
+ float: right;
142
+ padding: 50px 20px 30px 20px;
143
+ background: #FFCCFF;
144
+ color: #333333;
145
+ margin-top: 50px;
146
+ text-align: center;
147
+ opacity: 0;
148
+ -webkit-animation: moveIn 1s 3.1s ease forwards;
149
+ animation: moveIn 1s 3.1s ease forwards;
150
+ }
151
+ .profile-social-links {
152
+ width: 218px;
153
+ display: inline-block;
154
+ float: right;
155
+ margin: 0px;
156
+ padding: 15px 20px;
157
+ background: #FFCCFF;
158
+ margin-top: 50px;
159
+ text-align: center;
160
+ opacity: 0;
161
+ -webkit-box-sizing: border-box;
162
+ box-sizing: border-box;
163
+ -webkit-animation: moveIn 1s 3.1s ease forwards;
164
+ animation: moveIn 1s 3.1s ease forwards;
165
+ }
166
+ .profile-social-links li {
167
+ list-style: none;
168
+ margin: -5px 0px 0px 0px;
169
+ padding: 0px;
170
+ float: left;
171
+ width: 20%;
172
+ text-align: center;
173
+ font-size:21px
174
+ }
175
+ .profile-social-links li a {
176
+ display: inline-block;
177
+ color: red;
178
+ width: 24px;
179
+ height: 24px;
180
+ padding: 6px;
181
+ position: relative;
182
+ overflow: hidden!important;
183
+ -webkit-border-radius: 50%;
184
+ border-radius: 50%;
185
+ }
186
+ .profile-social-links li a i {
187
+ position: relative;
188
+ z-index: 1;
189
+ }
190
+ .profile-social-links li a img,
191
+ .profile-social-links li a svg {
192
+ width: 24px;
193
+ }
194
+ @-webkit-keyframes init {
195
+ 0% {
196
+ width: 0px;
197
+ height: 0px;
198
+ }
199
+ 100% {
200
+ width: 56px;
201
+ height: 56px;
202
+ margin-top: 0px;
203
+ opacity: 1;
204
+ }
205
+ }
206
+ @keyframes init {
207
+ 0% {
208
+ width: 0px;
209
+ height: 0px;
210
+ }
211
+ 100% {
212
+ width: 56px;
213
+ height: 56px;
214
+ margin-top: 0px;
215
+ opacity: 1;
216
+ }
217
+ }
218
+ @-webkit-keyframes puff {
219
+ 0% {
220
+ top: 100%;
221
+ height: 0px;
222
+ padding: 0px;
223
+ }
224
+ 100% {
225
+ top: 50%;
226
+ height: 100%;
227
+ padding: 0px 100%;
228
+ }
229
+ }
230
+ @keyframes puff {
231
+ 0% {
232
+ top: 100%;
233
+ height: 0px;
234
+ padding: 0px;
235
+ }
236
+ 100% {
237
+ top: 50%;
238
+ height: 100%;
239
+ padding: 0px 100%;
240
+ }
241
+ }
242
+ @-webkit-keyframes borderRadius {
243
+ 0% {
244
+ -webkit-border-radius: 50%;
245
+ }
246
+ 100% {
247
+ -webkit-border-radius: 0px;
248
+ }
249
+ }
250
+ @keyframes borderRadius {
251
+ 0% {
252
+ -webkit-border-radius: 50%;
253
+ }
254
+ 100% {
255
+ border-radius: 0px;
256
+ }
257
+ }
258
+ @-webkit-keyframes moveDown {
259
+ 0% {
260
+ top: 50%;
261
+ }
262
+ 50% {
263
+ top: 40%;
264
+ }
265
+ 100% {
266
+ top: 100%;
267
+ }
268
+ }
269
+ @keyframes moveDown {
270
+ 0% {
271
+ top: 50%;
272
+ }
273
+ 50% {
274
+ top: 40%;
275
+ }
276
+ 100% {
277
+ top: 100%;
278
+ }
279
+ }
280
+ @-webkit-keyframes moveUp {
281
+ 0% {
282
+ background: #FFB300;
283
+ top: 100%;
284
+ }
285
+ 50% {
286
+ top: 40%;
287
+ }
288
+ 100% {
289
+ top: 50%;
290
+ background: #E0E0E0;
291
+ }
292
+ }
293
+
294
+ @keyframes moveUp {
295
+ 0% {
296
+ background: #FFB300;
297
+ top: 100%;
298
+ }
299
+ 50% {
300
+ top: 40%;
301
+ }
302
+ 100% {
303
+ top: 50%;
304
+ background: #E0E0E0;
305
+ }
306
+ }
307
+
308
+ @-webkit-keyframes materia {
309
+ 0% {
310
+ background: #E0E0E0;
311
+ }
312
+ 50% {
313
+ -webkit-border-radius: 4px;
314
+ }
315
+ 100% {
316
+ width: 440px;
317
+ height: 280px;
318
+ background: #FFCCFF;
319
+ -webkit-border-radius: 4px;
320
+ }
321
+ }
322
+
323
+ @keyframes materia {
324
+ 0% {
325
+ background: #E0E0E0;
326
+ }
327
+ 50% {
328
+ border-radius: 4px;
329
+ }
330
+ 100% {
331
+ width: 440px;
332
+ height: 280px;
333
+ background: #FFCCFF;
334
+ border-radius: 4px;
335
+ }
336
+ }
337
+
338
+ @-webkit-keyframes moveIn {
339
+ 0% {
340
+ margin-top: 50px;
341
+ opacity: 0;
342
+ }
343
+ 100% {
344
+ opacity: 1;
345
+ margin-top: -20px;
346
+ }
347
+ }
348
+
349
+ @keyframes moveIn {
350
+ 0% {
351
+ margin-top: 50px;
352
+ opacity: 0;
353
+ }
354
+ 100% {
355
+ opacity: 1;
356
+ margin-top: -20px;
357
+ }
358
+ }
359
+
360
+ @-webkit-keyframes scaleIn {
361
+ 0% {
362
+ -webkit-transform: scale(0);
363
+ }
364
+ 100% {
365
+ -webkit-transform: scale(1);
366
+ }
367
+ }
368
+
369
+ @keyframes scaleIn {
370
+ 0% {
371
+ transform: scale(0);
372
+ }
373
+ 100% {
374
+ transform: scale(1);
375
+ }
376
+ }
377
+
378
+ @-webkit-keyframes ripple {
379
+ 0% {
380
+ transform: scale3d(0, 0, 0);
381
+ }
382
+ 50%,
383
+ 100% {
384
+ -webkit-transform: scale3d(1, 1, 1);
385
+ }
386
+ 100% {
387
+ opacity: 0;
388
+ }
389
+ }
390
+
391
+ @keyframes ripple {
392
+ 0% {
393
+ transform: scale3d(0, 0, 0);
394
+ }
395
+ 50%,
396
+ 100% {
397
+ transform: scale3d(1, 1, 1);
398
+ }
399
+ 100% {
400
+ opacity: 0;
401
+ }
402
+ }
403
+
404
+ @media screen and (min-aspect-ratio: 4/3) {
405
+ body {
406
+ background-size: cover;
407
+ }
408
+ body:before {
409
+ width: 0px;
410
+ }
411
+ @ -webkit-keyframes puff {
412
+ 0% {
413
+ top: 100%;
414
+ width: 0px;
415
+ padding-bottom: 0px;
416
+ }
417
+ 100% {
418
+ top: 50%;
419
+ width: 100%;
420
+ padding-bottom: 100%;
421
+ }
422
+ }
423
+ @keyframes puff {
424
+ 0% {
425
+ top: 100%;
426
+ width: 0px;
427
+ padding-bottom: 0px;
428
+ }
429
+ 100% {
430
+ top: 50%;
431
+ width: 100%;
432
+ padding-bottom: 100%;
433
+ }
434
+ }
435
+ }
436
+
437
+ @media screen and (min-height: 480px) {
438
+ .profile-card header {
439
+ width: auto;
440
+ height: auto;
441
+ padding: 30px 20px;
442
+ display: block;
443
+ float: none;
444
+ border-right: none;
445
+ }
446
+ .profile-card .profile-bio {
447
+ width: auto;
448
+ height: auto;
449
+ padding: 15px 20px 30px 20px;
450
+ display: block;
451
+ float: none;
452
+ }
453
+ .profile-social-links {
454
+ width: 100%;
455
+ display: block;
456
+ float: none;
457
+ }
458
+ @ -webkit-keyframes materia {
459
+ 0% {
460
+ background: #E0E0E0;
461
+ }
462
+ 50% {
463
+ -webkit-border-radius: 4px;
464
+ }
465
+ 100% {
466
+ width: 280px;
467
+ height: 440px;
468
+ background: #FFCCFF;
469
+ -webkit-border-radius: 4px;
470
+ }
471
+ }
472
+ @keyframes materia {
473
+ 0% {
474
+ background: #E0E0E0;
475
+ }
476
+ 50% {
477
+ border-radius: 4px;
478
+ }
479
+ 100% {
480
+ width: 280px;
481
+ height: 440px;
482
+ background: #FFCCFF;
483
+ border-radius: 4px;
484
+ }
485
+ }
486
+ }
487
+ </style>
488
+ <!-- CSS -->
489
+ <style id='page-skin-1' type='text/css'><!--
490
+ Body {
491
+ color: #fff;
492
+ background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB, #FFFF00, #FF33FF, #0099FF, #009966);
493
+ background-size: 400% 400%;
494
+ -webkit-animation: Gradient 15s ease infinite;
495
+ -moz-animation: Gradient 15s ease infinite;
496
+ animation: Gradient 15s ease infinite;
497
+ }
498
+ @-webkit-keyframes Gradient {
499
+ 0% {
500
+ background-position: 0% 50%
501
+ }
502
+ 50% {
503
+ background-position: 100% 50%
504
+ }
505
+ 100% {
506
+ background-position: 0% 50%
507
+ }
508
+ }
509
+ @-moz-keyframes Gradient {
510
+ 0% {
511
+ background-position: 0% 50%
512
+ }
513
+ 50% {
514
+ background-position: 100% 50%
515
+ }
516
+ 100% {
517
+ background-position: 0% 50%
518
+ }
519
+ }
520
+ @keyframes Gradient {
521
+ 0% {
522
+ background-position: 0% 50%
523
+ }
524
+ 50% {
525
+ background-position: 100% 50%
526
+ }
527
+ 100% {
528
+ background-position: 0% 50%
529
+ }
530
+ }
531
+
532
+ --></style>
533
+ <script crossorigin='anonymous' integrity='sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==' referrerpolicy='no-referrer' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js'></script>
534
+ <meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
535
+ <meta name='google-adsense-platform-domain' content='blogspot.com'/>
536
+
537
+ </head>
538
+ <body>
539
+ <aside class='profile-card'>
540
+ <header>
541
+ <a href='/' target='_blank'>
542
+ <img class='hoverZoomLink' src='https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRZWlv6OOMdLFiDV8fH4Q-wiXUKmzSuNqExCGQ4EsuyDRu-3dK0'/>
543
+ </a>
544
+ <h1><span style='background: url("") repeat scroll 0% 0% transparent; text-shadow: 0pt 0pt red, 0pt 1pt 0.3em white;'> Nguyễn Đăng Dương <i class='fa fa-check-circle' style='color: #00FFFF'></i></span></h1>
545
+ <h2><i class='fa fa-star-o fa-spin' style='color:#19930b'></i> ( Dun ) <i class='fa fa-star-o fa-spin' style='color:#19930b'></i></h2>
546
+ </header>
547
+ <div class='profile-bio'>
548
+ <div>
549
+ KHÔNG ỒN ÀO - KHÔNG DANH TIẾNG
550
+ <p>ㅤ</p>
551
+ </div>
552
+ </div>
553
+ <ul class='profile-social-links'>
554
+ <li>
555
+ <a href='https://www.facebook.com/duongkum999k' target='_blank'>
556
+ <i class='fa fa-facebook' style='color:#3b5998'></i>
557
+ </a>
558
+ </li>
559
+ <li>
560
+ <a href='https://www.instagram.com/duong.kum999' target='_blank'>
561
+ <i class='fa fa-instagram' style='color:#FF00FF'></i>
562
+ </a>
563
+ </li>
564
+ <li>
565
+ <a
566
+ href='mailto: lab70018@gmail.com' target='_blank'>
567
+ <i class='fa fa-envelope-o' style='color:#8B0000'></i>
568
+ </a>
569
+ </li>
570
+ <li>
571
+ <a
572
+ <a href='https://zaloapp.com/qr/p/106kskmew57z8' target='_blank'>
573
+ <i class='fa fa-phone' style='color:#aad450'></i>
574
+ </a>
575
+ </li>
576
+ <li>
577
+ <a href='https://github.com/DuongJs' target='_blank'>
578
+ <i class='fa fa-github' style='color:#696969'></i>
579
+ </ul>
580
+ </aside>
581
+ <div class='navbar no-items section' id='navbar'></div>
582
+ <audio autoplay='true' src=''></audio>
583
+ <style>
584
+ html,body{cursor:url("https://i.imgur.com/5v5M8gh.png"), auto;}
585
+ a:hover{cursor:url("https://i.imgur.com/IXULuQ1.png"), auto;}
586
+ </style>
587
+ <script type='text/javascript'>
588
+ //<![CDATA[
589
+ !function(e,t,a){function n(){c(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}"),o(),r()}function r(){for(var e=0;e<d.length;e++)d[e].alpha<=0?(t.body.removeChild(d[e].el),d.splice(e,1)):(d[e].y--,d[e].scale+=.004,d[e].alpha-=.013,d[e].el.style.cssText="left:"+d[e].x+"px;top:"+d[e].y+"px;opacity:"+d[e].alpha+";transform:scale("+d[e].scale+","+d[e].scale+") rotate(45deg);background:"+d[e].color+";z-index:99999");requestAnimationFrame(r)}function o(){var t="function"==typeof e.onclick&&e.onclick;e.onclick=function(e){t&&t(),i(e)}}function i(e){var a=t.createElement("div");a.className="heart",d.push({el:a,x:e.clientX-5,y:e.clientY-5,scale:1,alpha:1,color:s()}),t.body.appendChild(a)}function c(e){var a=t.createElement("style");a.type="text/css";try{a.appendChild(t.createTextNode(e))}catch(t){a.styleSheet.cssText=e}t.getElementsByTagName("head")[0].appendChild(a)}function s(){return"rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"}var d=[];e.requestAnimationFrame=function(){return e.requestAnimationFrame||e.webkitRequestAnimationFrame||e.mozRequestAnimationFrame||e.oRequestAnimationFrame||e.msRequestAnimationFrame||function(e){setTimeout(e,1e3/60)}}(),n()}(window,document);
590
+ //]]>
591
+ </script>
592
+
593
+ <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2239013294-widgets.js"></script>
594
+ <script type='text/javascript'>
595
+ window['__wavt'] = 'AOuZoY7bsij538ehwmwcHCUM-v4MtoBxQg:1648115757656';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d20554574026202714','//www.duchoang.xyz/','20554574026202714');
596
+ _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '20554574026202714', 'title': 'DucHoang.XYZ | Th\xf4ng Tin', 'url': 'https://www.duchoang.xyz/', 'canonicalUrl': 'https://www.duchoang.xyz/', 'homepageUrl': 'https://www.duchoang.xyz/', 'searchUrl': 'https://www.duchoang.xyz/search', 'canonicalHomepageUrl': 'https://www.duchoang.xyz/', 'blogspotFaviconUrl': 'https://www.duchoang.xyz/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'vi', 'localeUnderscoreDelimited': 'vi', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22DucHoang.XYZ | Th\xf4ng Tin - Atom\x22 href\x3d\x22https://www.duchoang.xyz/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22DucHoang.XYZ | Th\xf4ng Tin - RSS\x22 href\x3d\x22https://www.duchoang.xyz/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22DucHoang.XYZ | Th\xf4ng Tin - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/20554574026202714/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/00388492014016457052\x22 /\x3e\n', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': false, 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/5f4d97daec0ce710', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', 'disableGComments': true, 'sharing': {'platforms': [{'name': 'Nh\u1eadn \u0111\u01b0\u1eddng li\xean k\u1ebft', 'key': 'link', 'shareMessage': 'Nh\u1eadn \u0111\u01b0\u1eddng li\xean k\u1ebft', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Chia s\u1ebb v\u1edbi Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Chia s\u1ebb v\u1edbi Twitter', 'target': 'replit'}, {'name': 'Replit', 'key': 'replit', 'shareMessage': 'Chia s\u1ebb v\u1edbi replit', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Chia s\u1ebb v\u1edbi Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27vi\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': '\u0110\u1ecdc th\xeam', 'pageType': 'index', 'pageName': '', 'pageTitle': 'DucHoang.XYZ | Th\xf4ng Tin'}}, {'name': 'features', 'data': {'sharing_get_link_dialog': 'true', 'sharing_native': 'false'}}, {'name': 'messages', 'data': {'edit': 'Ch\u1ec9nh s\u1eeda', 'linkCopiedToClipboard': '\u0110\xe3 sao ch\xe9p \u0111\u01b0\u1eddng li\xean k\u1ebft v\xe0o b\u1ea3ng nh\u1edb t\u1ea1m!', 'ok': 'Ok', 'postLink': 'Li\xean k\u1ebft b\xe0i \u0111\u0103ng'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'T\xf9y ch\u1ec9nh', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'DucHoang.XYZ | Th\xf4ng Tin', 'description': '', 'url': 'https://www.duchoang.xyz/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}]);
597
+ </script>
598
+ </body>
599
+ </html>
600
+