Skip to content

Commit 8b9f5c8

Browse files
PythonnotJavaPythonnotJava
committed
NEW
1 parent bdd99f5 commit 8b9f5c8

1 file changed

Lines changed: 107 additions & 2 deletions

File tree

‎404.html‎

Lines changed: 107 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,108 @@
1+
<!--<!DOCTYPE html>-->
2+
<!--<html lang="en">-->
3+
<!--<head>-->
4+
<!-- <meta charset="UTF-8" />-->
5+
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0" />-->
6+
<!-- <title>404 - Page Not Found</title>-->
7+
<!-- <style>-->
8+
<!-- * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }-->
9+
10+
<!-- body {-->
11+
<!-- height: 100vh;-->
12+
<!-- display: flex;-->
13+
<!-- align-items: center;-->
14+
<!-- justify-content: center;-->
15+
<!-- background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);-->
16+
<!-- color: #fff;-->
17+
<!-- overflow: hidden;-->
18+
<!-- flex-direction: column;-->
19+
<!-- }-->
20+
21+
<!-- .container {-->
22+
<!-- text-align: center;-->
23+
<!-- padding: 40px;-->
24+
<!-- border-radius: 20px;-->
25+
<!-- backdrop-filter: blur(15px);-->
26+
<!-- background: rgba(255, 255, 255, 0.05);-->
27+
<!-- box-shadow: 0 20px 40px rgba(0,0,0,0.4);-->
28+
<!-- animation: fadeIn 1.2s ease;-->
29+
<!-- z-index: 2;-->
30+
<!-- }-->
31+
32+
<!-- h1 {-->
33+
<!-- font-size: 120px;-->
34+
<!-- letter-spacing: 5px;-->
35+
<!-- background: linear-gradient(90deg, #00dbde, #fc00ff);-->
36+
<!-- -webkit-background-clip: text;-->
37+
<!-- -webkit-text-fill-color: transparent;-->
38+
<!-- animation: float 3s ease-in-out infinite;-->
39+
<!-- }-->
40+
41+
<!-- h2 { margin-top: 10px; font-size: 28px; opacity: 0.9; }-->
42+
<!-- p { margin-top: 15px; font-size: 16px; opacity: 0.7; }-->
43+
44+
<!-- .btn {-->
45+
<!-- display: inline-block;-->
46+
<!-- margin: 15px;-->
47+
<!-- padding: 12px 30px;-->
48+
<!-- border-radius: 30px;-->
49+
<!-- background: linear-gradient(90deg, #00dbde, #fc00ff);-->
50+
<!-- color: #fff;-->
51+
<!-- text-decoration: none;-->
52+
<!-- font-weight: bold;-->
53+
<!-- transition: 0.3s;-->
54+
<!-- box-shadow: 0 10px 20px rgba(0,0,0,0.3);-->
55+
<!-- cursor: pointer;-->
56+
<!-- }-->
57+
58+
<!-- .btn:hover {-->
59+
<!-- transform: translateY(-3px) scale(1.05);-->
60+
<!-- box-shadow: 0 15px 30px rgba(0,0,0,0.5);-->
61+
<!-- }-->
62+
63+
<!-- canvas {-->
64+
<!-- display: none;-->
65+
<!-- margin-top: 20px;-->
66+
<!-- border-radius: 10px;-->
67+
<!-- background: #000;-->
68+
<!-- box-shadow: 0 10px 30px rgba(0,0,0,0.6);-->
69+
<!-- }-->
70+
71+
<!-- @keyframes float {-->
72+
<!-- 0%, 100% { transform: translateY(0); }-->
73+
<!-- 50% { transform: translateY(-10px); }-->
74+
<!-- }-->
75+
76+
<!-- @keyframes fadeIn {-->
77+
<!-- from { opacity: 0; transform: scale(0.9); }-->
78+
<!-- to { opacity: 1; transform: scale(1); }-->
79+
<!-- }-->
80+
81+
<!-- .particle {-->
82+
<!-- position: absolute;-->
83+
<!-- width: 6px;-->
84+
<!-- height: 6px;-->
85+
<!-- background: rgba(255,255,255,0.6);-->
86+
<!-- border-radius: 50%;-->
87+
<!-- animation: move 10s linear infinite;-->
88+
<!-- }-->
89+
90+
<!-- @keyframes move {-->
91+
<!-- from { transform: translateY(100vh); opacity: 0; }-->
92+
<!-- to { transform: translateY(-10vh); opacity: 1; }-->
93+
<!-- }-->
94+
<!-- </style>-->
95+
<!--</head>-->
96+
<!--<body>-->
97+
98+
<!--<div class="container" id="main">-->
99+
<!-- <h1>404</h1>-->
100+
<!-- <h2>Oops! Page Not Found</h2>-->
101+
<!--</div>-->
102+
103+
<!--</body>-->
104+
<!--</html>-->
105+
1106
<!DOCTYPE html>
2107
<html lang="en">
3108
<head>
@@ -96,8 +201,8 @@
96201
<body>
97202

98203
<div class="container" id="main">
99-
<h1>404</h1>
100-
<h2>Oops! Page Not Found</h2>
204+
<h1>祝好</h1>
205+
<h2>我只能离开</h2>
101206
</div>
102207

103208
</body>

0 commit comments

Comments
 (0)