Spaces:
Build error
Build error
Create public/index.html
Browse files- 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 |
+
|