-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path404.html
21 lines (21 loc) · 2.43 KB
/
404.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Lỗi Lỗi Lỗi</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<style>@import https://fonts.googleapis.com/css?family=Inconsolata;html{min-height:100%}body{box-sizing:border-box;height:100%;background-color:#000;background-image:radial-gradient(#11581E,#041607),url(https://media.giphy.com/media/oEI9uBYSzLpBK/giphy.gif);background-repeat:no-repeat;background-size:cover;font-family:"Inconsolata",Helvetica,sans-serif;font-size:1.5rem;color:rgba(128,255,128,0.8);text-shadow:0 0 1ex #33ff33,0 0 2px rgba(255,255,255,0.8)}.noise{pointer-events:none;position:absolute;width:100%;height:100%;background-image:url(https://media.giphy.com/media/oEI9uBYSzLpBK/giphy.gif);background-repeat:no-repeat;background-size:cover;z-index:-1;opacity:.02}.overlay{pointer-events:none;position:absolute;width:100%;height:100%;background:repeating-linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0) 100%);background-size:auto 4px;z-index:1}.overlay::before{content:"";pointer-events:none;position:absolute;display:block;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-image:linear-gradient(0deg,transparent 0%,rgba(32,128,32,0.2) 2%,rgba(32,128,32,0.8) 3%,rgba(32,128,32,0.2) 3%,transparent 100%);background-repeat:no-repeat;-webkit-animation:scan 7.5s linear 0 infinite;animation:scan 7.5s linear 0 infinite}@-webkit-keyframes scan{0%{background-position:0 -100vh}35%,100%{background-position:0 100vh}}@keyframes scan{0%{background-position:0 -100vh}35%,100%{background-position:0 100vh}}.terminal{box-sizing:inherit;position:absolute;height:100%;width:1000px;max-width:100%;padding:4rem;text-transform:uppercase}.output{color:rgba(128,255,128,0.8);text-shadow:0 0 1px rgba(51,255,51,0.4),0 0 2px rgba(255,255,255,0.8)}.output::before{content:"> "}a{color:#fff;text-decoration:none}a::before{content:"["}a::after{content:"]"}.errorcode{color:#fff}</style>
</head>
<body>
<div class="noise"></div>
<div class="overlay"></div>
<div class="terminal">
<h1>Lỗi <span class="errorcode">404</span></h1>
<p class="output">Yêu Tổ quốc, yêu đồng bào</p>
<p class="output">Học tập tốt, lao động tốt</p>
<p class="output">Đoàn kết tốt, kỷ luật tốt</p>
<p class="output">Giữ gìn vệ sinh thật tốt</p>
<p class="output">Khiêm tốn, thật thà, dũng cảm</p>
</div>
</body>
</html>