-
Notifications
You must be signed in to change notification settings - Fork 0
/
404.html
94 lines (92 loc) · 2.34 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
<!DOCTYPE html><meta charset="utf-8">
<title>404 | Ariasakaの小窝</title>
<style>
body {
display: flex;
align-items: center;
justify-content: center;
background: url(https://dev.iw233.cn/api.php?sort=top);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: center center;
position: fixed;
width: 100%;
height: 100%;
margin: 0 !important;
}
.text-bg {
background-color: rgba(255, 255, 255, 0.6);
padding: 24px;
border-radius: 8px;
backdrop-filter: blur(10px) ;
}
.overlay-body {
max-width: 512px;
text-align: center;
font-family: "Inter", sans-serif;
}
p.overlay-title {
font-size: 24px;
font-weight: 900;
color: black;
line-height: 1;
margin-bottom: 16px;
}
p.overlay-description {
font-size: 16px;
font-weight: 400;
color: rgba(0, 0, 0, 0.5);
line-height: 1.25;
margin-bottom: 16px;
}
.overlay-buttons-wrapper {
margin: 24px -8px -8px;
}
#accept-button {
color: rgb(0, 0, 0);
border: 2px solid rgb(0, 0, 0);
}
.overlay-button {
display: inline-flex;
align-items: center;
height: 40px;
padding-right: 24px;
padding-left: 24px;
font-size: 16px;
font-weight: 500;
line-height: 1;
border-radius: 4px;
margin: 4px;
cursor: pointer;
}
#decline-button {
background-color: rgb(150, 200, 0);
color: white;
}
.overlay-button {
display: inline-flex;
align-items: center;
height: 40px;
padding-right: 24px;
padding-left: 24px;
font-size: 16px;
font-weight: 500;
line-height: 1;
border-radius: 4px;
margin: 4px;
cursor: pointer;
}
</style>
<body>
<div class="text-bg">
<div class="overlay-body">
<p class="overlay-title">404</p>
<p class="overlay-description">网页不见了!这里貌似没有你要找的东西,或许你可以...</p>
<p class="overlay-description">The web page is gone! There doesn't seem to be anything you're looking for here, and maybe you can...</p>
<div class="overlay-buttons-wrapper">
<div id="accept-button" class="overlay-button" onclick="window.open('https://www.bilibili.com/video/BV1GJ411x7h7')">看看好康的东西</div>
<div id="decline-button" class="overlay-button" onclick="window.open('/')">回到主页</div>
</div>
</div>
</div></body>