mirror of
https://github.com/tangkunyin/hexo-theme-jsimple.git
synced 2026-01-25 14:56:28 +00:00
79 lines
1.8 KiB
HTML
79 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>404 - Not Found</title>
|
|
<link rel="icon" href="/images/favicon.png">
|
|
<style>
|
|
.whole {
|
|
width: 100%;
|
|
height: 100%;
|
|
line-height: 100%;
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: -1000;
|
|
overflow: hidden;
|
|
}
|
|
.whole img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.mask {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background: #000;
|
|
opacity: 0.6;
|
|
filter: alpha(opacity=60);
|
|
}
|
|
.b {
|
|
width: 50%;
|
|
height: 300px;
|
|
text-align: left;
|
|
padding-left: 10%;
|
|
margin-top:20%;
|
|
color: #fff;
|
|
}
|
|
h1 {
|
|
font-size: 72px;
|
|
}
|
|
p {
|
|
color: #fff;
|
|
margin-top: 40px;
|
|
font-size: 24px;
|
|
}
|
|
#num {
|
|
margin: 0 5px;
|
|
font-weight: bold;
|
|
}
|
|
</style>
|
|
<script type="text/javascript">
|
|
var num = 10;
|
|
function redirect() {
|
|
num--;
|
|
document.getElementById("num").innerHTML = num;
|
|
if (num < 0) {
|
|
document.getElementById("num").innerHTML = 0;
|
|
location.href = "/";
|
|
}
|
|
}
|
|
setInterval("redirect()", 1000);
|
|
</script>
|
|
</head>
|
|
|
|
<body onload="redirect();">
|
|
<div class="whole">
|
|
<img src="/images/404-bg.webp">
|
|
<div class="mask"></div>
|
|
</div>
|
|
<div class="b">
|
|
<h1>404 !</h1>
|
|
<h2>Page not found...</h2>
|
|
<p>Return to home page after<span id="num"></span>seconds</p>
|
|
</div>
|
|
</body>
|
|
</html>
|