forked from pigerla/pigerla.github.com
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy path404.html
More file actions
39 lines (38 loc) · 1.56 KB
/
404.html
File metadata and controls
39 lines (38 loc) · 1.56 KB
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
<!--404.html -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Oops, 404 | 简约不简单</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
<meta name="author" content="{{ site.author.name }}"/>
<!-- 添加网址logo icon-->
<link rel="Shortcut Icon" href="{{ root_url }}/assets/images/favicon.ico">
<style type="text/css">
body{background: #fff;font-family: "微软雅黑","Open Sans","Ubuntu",Helvetica,Arial,sans-serif;text-align: center;}h1{color: #21759b;}
.text{margin: 0 auto;width: 300px;}.btn {color: #ffffff;background-color: #428bca;display: inline-block;text-decoration: none;padding: 6px 12px;margin-bottom: 0;cursor: pointer;border: 1px solid #357ebd;border-radius: 4px;}
#seconds{color: red;padding: 0 5px;}
</style>
</head>
<body>
<div class="text">
<h1>404 啦 | ⊙﹏⊙</h1>
<p>还剩<strong id="seconds">5</strong>秒就回到主页啦,或者点击按钮直接</p>
<a class="btn" href="http://pigerla.com/" alt="返回主页" title="返回主页">回到首页</a>
</div>
<script type="text/javascript">
function timeToBack(){
setInterval(function(){
if( document.getElementById('seconds').innerHTML <= 0){
location.href="http://pigerla.com/";
}else{
document.getElementById('seconds').innerHTML -=1;
}
},1000);
}
window.onload = function(){
timeToBack();
}
</script>
</body>
</html>