-
Notifications
You must be signed in to change notification settings - Fork 0
/
404.html
115 lines (110 loc) · 3.24 KB
/
404.html
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
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8" />
<meta content="width=device-width,initial-scale=1" name="viewport" />
<meta content="noindex, nofollow" name="robots" />
<meta content="IE=edge" http-equiv="X-UA-Compatible" />
<link href="/favicon.ico" rel="icon" type="image/x-icon" />
<title>404 - Not Found</title>
<style>
body,
html {
margin: 0;
background-color: #222;
color: #aaa;
font-family: Hack, monospace;
font-size: 0;
}
.full-height {
height: 100vh;
}
.flex-center {
align-items: center;
display: flex;
justify-content: center;
}
#error_text {
font-size: 32px;
}
button {
display: inline-block;
padding: 10px 20px;
background-color: #2b3031;
border: none;
color: #fff;
border-radius: 4px;
margin-top: 10px;
font-size: 16px;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
button:hover {
background-color: #555;
}
</style>
<body>
<div class="flex-center full-height">
<div>
<div id="error_text">
<span class="source">404: <span data-l10n>Page Not Found</span></span>
<span class="target"></span>
</div>
<center>
<button onclick='location.href="/"'>Back to Home</button>
</center>
</div>
</div>
<script>
"use strict";
var e, t;
new (function (e) {
const t =
"ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890-=+<>,./?[{()}]!@#$%^&*~`|".split(
""
),
n = e.querySelector(".source"),
o = e.querySelector(".target");
let r,
i,
l,
s = 0;
(this.start = function () {
(n.style.display = "none"),
(o.style.display = "block"),
(r = window.setInterval(() => {
s <= n.innerText.length &&
(o.innerText =
n.innerText.substring(0, s) +
(function (e) {
let n = "";
for (let o = 0; o < e; o++)
n += t[Math.floor(Math.random() * t.length)];
return n;
})(n.innerText.length - s));
}, 15)),
(i = window.setTimeout(() => {
l = window.setInterval(() => {
s > n.innerText.length - 1 && this.stop(), s++;
}, 70);
}, 350));
}),
(this.stop = function () {
(n.style.display = "block"),
(o.style.display = "none"),
(o.innerText = ""),
(s = 0),
void 0 !== r && (window.clearInterval(r), (r = void 0)),
void 0 !== l && (window.clearInterval(l), (l = void 0)),
void 0 !== i && (window.clearInterval(i), (i = void 0));
});
})(document.getElementById("error_text")).start(),
"en" !== navigator.language.substring(0, 2).toLowerCase() &&
((e = document.createElement("script")),
(t = document.body),
(e.src = ""),
(e.async = e.defer = !0),
e.addEventListener("load", () => t.removeChild(e)),
t.appendChild(e));
</script>
</body>
</html>