Ad-closeNN/blog-fuwari
1
0
Fork 0
mirror of https://github.com/Ad-closeNN/blog-fuwari.git synced 2026-05-31 01:40:03 -04:00
Code Issues Packages Projects Releases Wiki Activity

style(pages): 更新 404 页面 HTML

Browse Source
This commit is contained in:
Ad-closeNN
2025-09-06 17:53:01 +08:00
parent b9ae6a7ea7
commit db002fe84b
1 changed files with 26 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/404.html
+26 -32
View File
@@ -2,37 +2,25 @@
<html> <html>
<head> <head>
<title>The page you were looking for doesn't exist (404)</title> <title>404 未找到 - Ad_closeNN 的小站</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="refresh" content="5;url=/">
<meta id="theme-color-meta" name="theme-color" content="#48823b">
<link rel="icon" href="/assets/avatar.jpg">
<style> <style>
body { body {
height: 100%; height: 100%;
width: 100%; width: 100%;
background: #fefefe url(construction.png)center bottom fixed; background: #fefefe center bottom fixed;
-webkit-background-size: cover; -webkit-background-size: cover;
-moz-background-size: cover; -moz-background-size: cover;
-o-background-size: cover; -o-background-size: cover;
background-size: cover; background-size: cover;
color: #2E2F30; color: #2E2F30;
font-family: sans-serif;
margin: 0; margin: 0;
} font-family: MiSans VF, MiSans, Inter, HarmonyOS Sans SC, 鸿蒙黑体, Times New Roman, sans-serif;
footer {
position: absolute;
bottom: 1%;
width: 100%;
text-align: center;
font-size: .6em;
color: #fff
}
a {
color: #fff;
}
a:hover {
color: #393939;
} }
.dialog { .dialog {
@@ -44,43 +32,49 @@
} }
h1 { h1 {
font-size: 3.5em; font-size: 5em;
color: #393939; color: #393939;
line-height: 1em; line-height: 1em;
font-family: MiSans VF, MiSans, Inter, HarmonyOS Sans SC, 鸿蒙黑体, Times New Roman, sans-serif;
} }
h2 { h2 {
font-size: 2em; font-size: 2em;
color: #393939; color: #393939;
line-height: .5em; line-height: .5em;
font-family: MiSans VF, MiSans, Inter, HarmonyOS Sans SC, 鸿蒙黑体, Times New Roman, sans-serif;
} }
p { span {
font-size: 1.4em; font-size: 1.4em;
color: #393939; color: #393939;
font-family: MiSans VF, MiSans, Inter, HarmonyOS Sans SC, 鸿蒙黑体, Times New Roman, sans-serif;
} }
@media only screen and (max-width: 767px) { .link {
.dialog { color: grey
float: none;
text-align: center;
width: 90%;
}
} }
</style> </style>
</head> </head>
<body> <body>
<!-- This file lives in public/404.html -->
<div> <div>
<div class="dialog"> <div class="dialog">
<h1>Oops!</h1> <h1>呜哇！</h1>
<p>We were unable to find the page you were looking for, but working hard to resolve this issue.</p> <span>我们找不到您要访问的页面</span>
<span id="fullpath" class="link"></span>
<br>
<br>
<h2>将在 5 秒后跳转回首页</h2>
</div> </div>
</div> </div>
<script>
let fullpath = window.location.href
document.getElementById("fullpath").innerText = fullpath
</script>
</body> </body>
<footer><a href="http://www.free404.com" target="_blank">free404.com</a></footer>
</html> </html>