mirror of
https://github.com/Ad-closeNN/blog-fuwari.git
synced 2026-05-31 01:40:03 -04:00
style(pages): 更新 404 页面 HTML
This commit is contained in:
+26
-32
@@ -2,37 +2,25 @@
|
||||
<html>
|
||||
|
||||
<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 http-equiv="refresh" content="5;url=/">
|
||||
<meta id="theme-color-meta" name="theme-color" content="#48823b">
|
||||
<link rel="icon" href="/assets/avatar.jpg">
|
||||
<style>
|
||||
body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: #fefefe url(construction.png)center bottom fixed;
|
||||
background: #fefefe center bottom fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
color: #2E2F30;
|
||||
font-family: sans-serif;
|
||||
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 {
|
||||
@@ -44,43 +32,49 @@
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 3.5em;
|
||||
font-size: 5em;
|
||||
color: #393939;
|
||||
line-height: 1em;
|
||||
font-family: MiSans VF, MiSans, Inter, HarmonyOS Sans SC, 鸿蒙黑体, Times New Roman, sans-serif;
|
||||
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2em;
|
||||
color: #393939;
|
||||
line-height: .5em;
|
||||
font-family: MiSans VF, MiSans, Inter, HarmonyOS Sans SC, 鸿蒙黑体, Times New Roman, sans-serif;
|
||||
|
||||
}
|
||||
|
||||
p {
|
||||
span {
|
||||
font-size: 1.4em;
|
||||
color: #393939;
|
||||
font-family: MiSans VF, MiSans, Inter, HarmonyOS Sans SC, 鸿蒙黑体, Times New Roman, sans-serif;
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.dialog {
|
||||
float: none;
|
||||
text-align: center;
|
||||
width: 90%;
|
||||
}
|
||||
.link {
|
||||
color: grey
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- This file lives in public/404.html -->
|
||||
|
||||
<div>
|
||||
<div class="dialog">
|
||||
<h1>Oops!</h1>
|
||||
<p>We were unable to find the page you were looking for, but working hard to resolve this issue.</p>
|
||||
<h1>呜哇!</h1>
|
||||
<span>我们找不到您要访问的页面</span>
|
||||
<span id="fullpath" class="link"></span>
|
||||
<br>
|
||||
<br>
|
||||
<h2>将在 5 秒后跳转回首页</h2>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
let fullpath = window.location.href
|
||||
document.getElementById("fullpath").innerText = fullpath
|
||||
</script>
|
||||
</body>
|
||||
<footer><a href="http://www.free404.com" target="_blank">free404.com</a></footer>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user