-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path404.html
82 lines (70 loc) · 3 KB
/
404.html
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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<title>404 not found</title>
<style>
body{background:#F2F2F2;text-align: center;font-family:"Microsoft YaHei","Segoe UI","Lucida Grande",Helvetica,Arial,sans-serif}
.no404{background:url(../images/no_demo.png) center no-repeat;min-height:500px;text-align:center;position:relative}
.no404 h1{bottom:55px;position:absolute;text-align:center;width:100%;font-size:2em;color:#889BA9}
.no404 p{bottom:29px;position:absolute;text-align:center;width:100%;font-size:1.1em;color:#889BA9}
</style>
<link rel="alternate" href="/atom.xml" title="EagleLee" type="application/atom+xml">
</head>
<body>
<!--404图片页面
<div class="no404">
<img style="margin-top: 80px;" src="https://blog.eaglelee.cn/404/404.png" alt="no_demo">
<h1 style="margin-bottom: 30px; font-family: Consolas;">Wow, why doesn't it exist?</h1>
<br><br><br>
<button style="margin-top: 80px; font-size: 1.5em; font-family: Consolas; " type="button"
class="btn btn-success btn-lg" onclick="clickOne()">
<span class="glyphicon glyphicon-home" aria-hidden="true"></span> Back home?
</button>
<script>
function clickOne() {
window.location.href = "https://blog.eaglelee.cn";
}
</script>
</div>
-->
<!--这是个分界线，上面是404图片页面，下面是圈小猫游戏-->
<!--圈小猫游戏-->
<div class="no404">
<div class="content">
<header class="article-header">
<h2 style="margin: 30px auto; font-family: '微软雅黑';">[404] 您所访问的页面不存在了，要不先玩个游戏吧！</h2>
</header>
<article class="article-content">
<script src="https://down.52pojie.cn/.fancyindex/js/phaser.min.js"></script>
<script src="https://down.52pojie.cn/.fancyindex/js/catch-the-cat.js"></script>
<div id="catch-the-cat"></div>
<script>
window.game = new CatchTheCatGame({
w: 11, //11
h: 11, //11
r: 20, //20
backgroundColor: 0xeeeeee,
parent: 'catch-the-cat',
statusBarAlign: 'center',
credit: 'blog.eaglelee.cn'
});
</script>
</article>
<p> </p>
</div>
<button style="margin-top: 40px; font-size: 1.5em; font-family: Consolas; " type="button"
class="btn btn-success btn-lg" onclick="clickOne()">
<span class="glyphicon glyphicon-home" aria-hidden="true"></span> Back home?
</button>
<script>
function clickOne() {
window.location.href = "https://blog.eaglelee.cn";
}
</script>
</div>
</body>
</html>