Skip to content

Commit adfc379

Browse files
gytxtxgytxtx
committed
更新网页
1 parent b8335e4 commit adfc379

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

43 files changed

+17632
-1
lines changed

‎404.html

+86
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<title>阿罗娜跟丢了!</title>
6+
<meta name="description" content="Some ideas for modern button styles and effects" />
7+
<meta name="keywords" content="button, effect, hover, style, inspiration, web design" />
8+
<meta name="author" content="Codrops" />
9+
<link href="img/15.0904011.ico" mce_href="favicon.ico" rel="shortcut icon" type="img/15.0904011.ico" />
10+
<script type="text/javascript" src="js/404jquery.min.js"></script>
11+
<script type="text/javascript" src="js/404jquery.beattext.js"></script>
12+
<script type="text/javascript" src="js/404easying.js"></script>
13+
14+
<link rel="stylesheet" href="css/404style.css" />
15+
<link rel="stylesheet" href="css/404button.css" />
16+
<link rel="stylesheet" href="css/reset.css" />
17+
<script type="text/javascript">
18+
var system ={};
19+
var p = navigator.platform;
20+
system.win = p.indexOf("Win") == 0;
21+
system.mac = p.indexOf("Mac") == 0;
22+
system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
23+
if(system.win||system.mac||system.xll){//如果是电脑跳转到
24+
window.location.href="#";
25+
}else{ //如果是手机,跳转到
26+
window.location.href="index.html";
27+
}
28+
</script>
29+
<script type="text/javascript">
30+
$(document).ready(function() {
31+
$('p#roloadText').beatText({isAuth:true,beatHeight:"1em",isRotate:false,upTime:100,downTime:100});
32+
});
33+
</script>
34+
</head>
35+
36+
<style>
37+
.hidden-video {
38+
display: none; /* 隐藏视频元素 */
39+
}
40+
</style>
41+
<script>
42+
function playVideoSound() {
43+
var videoElement = document.getElementById('hiddenVideo');
44+
if (videoElement.paused || videoElement.ended) {
45+
videoElement.currentTime = 0; // 重置播放时间以便重新播放
46+
videoElement.play(); // 播放视频
47+
} else {
48+
videoElement.pause(); // 如果已经在播放，则暂停
49+
}
50+
}
51+
</script>
52+
<body>
53+
54+
<div class="logo" id="a" onclick="playVideoSound();" title="点击我有惊喜！">
55+
<img src="./images/wuwu.png">
56+
<!-- 隐藏的视频元素 -->
57+
<video id="hiddenVideo" class="hidden-video" src="/video/easteregg.mp4" preload="auto"></video>
58+
59+
</div>
60+
<br /><br />
61+
<div class="container">
62+
<p id="roloadText">404！对不起老师，阿罗娜找不到页面了！</p>
63+
</div>
64+
65+
<div class="box bg-1">
66+
<button class="button button--antiman button--round-l button--text-medium" onclick="window.open('./index.html')"><span>返回首页</span></button>
67+
</div>
68+
</div>
69+
<div class="body_buttom">
70+
71+
<audio autoplay loop id="music">
72+
<source src="music/music.mp3" type="audio/mpeg">
73+
</audio>
74+
<script>
75+
function a(){
76+
var audio = document.getElementById('music');
77+
if(audio.paused){
78+
audio.play();//audio.play();// 播放
79+
}
80+
else{
81+
audio.pause();// 暂停
82+
}
83+
}
84+
</script>
85+
</body>
86+
</html>

‎README.md

+2-1
Original file line numberDiff line numberDiff line change
@@ -1 +1,2 @@
1-
# Bluecraft-Server.github.io
1+
# Bluecraft-Server.github.io
2+
Bluecraft-Server.github.io

‎audio/bangbangkabang.mp3

153 KB
Binary file not shown.

‎audio/blessing.mp3

30.6 MB
Binary file not shown.

‎audio/xiaotao.mp3

1.84 MB
Binary file not shown.

‎css/404button.css

+88
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,88 @@
1+
.button--antiman {
2+
background: none;
3+
border: none;
4+
height: 60px;
5+
}
6+
.button--antiman.button--inverted,
7+
.button--antiman.button--inverted-alt {
8+
-webkit-transition: color 0.3s;
9+
transition: color 0.3s;
10+
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
11+
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
12+
}
13+
.button--antiman > span {
14+
padding-left: 0.35em;
15+
}
16+
.button--antiman::before,
17+
.button--antiman::after {
18+
content: '';
19+
z-index: -1;
20+
border-radius: inherit;
21+
pointer-events: none;
22+
position: absolute;
23+
top: 0;
24+
left: 0;
25+
width: 100%;
26+
height: 100%;
27+
-webkit-backface-visibility: hidden;
28+
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
29+
transition: transform 0.3s, opacity 0.3s;
30+
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
31+
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
32+
}
33+
.button--antiman:before {
34+
border: 2px solid #37474f;
35+
opacity: 0;
36+
-webkit-transform: scale3d(1.2, 1.2, 1);
37+
transform: scale3d(1.2, 1.2, 1);
38+
}
39+
.button--antiman:before {
40+
border-width: 1px;
41+
border-color: #7986cb;
42+
}
43+
.button--antiman:after {
44+
background:rgba(255,255,255,0.7);
45+
}
46+
.button--antiman:hover {
47+
color: #3f51b5;
48+
}
49+
.button--antiman:hover::before {
50+
opacity: 1;
51+
-webkit-transform: scale3d(1, 1, 1);
52+
transform: scale3d(1, 1, 1);
53+
}
54+
.button--antiman:hover::after {
55+
opacity: 0;
56+
-webkit-transform: scale3d(0.8, 0.8, 1);
57+
transform: scale3d(0.8, 0.8, 1);
58+
}
59+
.box {
60+
padding: 0.5em 0;
61+
display: -webkit-flex;
62+
display: -ms-flexbox;
63+
display: flex;
64+
-webkit-flex-wrap: wrap;
65+
-ms-flex-wrap: wrap;
66+
flex-wrap: wrap;
67+
-webkit-justify-content: center;
68+
justify-content: center;
69+
}
70+
.button--round-l {
71+
border-radius: 40px;
72+
}
73+
.button {
74+
float: left;
75+
min-width: 150px;
76+
max-width: 250px;
77+
display: block;
78+
margin: 1em;
79+
padding: 1em 2em;
80+
border: none;
81+
background: none;
82+
color: inherit;
83+
vertical-align: middle;
84+
position: relative;
85+
z-index: 1;
86+
-webkit-backface-visibility: hidden;
87+
-moz-osx-font-smoothing: grayscale;
88+
}

‎css/404style.css

+114
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,114 @@
1+
/*大佬们-大神们，不要喷我
2+
小白们-新手们，不懂的先问百度，百度实在找不到问我谢谢
3+
QQ202800100*/
4+
body{
5+
margin: 0;
6+
background:url(../images/bg.jpg)no-repeat center center fixed;
7+
background-size:cover;
8+
width: 100%;
9+
min-height: 100%;
10+
}
11+
.container p{
12+
text-align:center;
13+
padding:10px auto;
14+
font-size:30px ;
15+
color: darksalmon;
16+
17+
}
18+
.beat-char {
19+
line-height: 3.4em;
20+
position: relative;
21+
display: inline-block;
22+
background: transparent;
23+
24+
}
25+
26+
.rotate{
27+
transform:rotate(360deg) ;
28+
-ms-transform:rotate(360deg); /* IE 9 */
29+
-moz-transform:rotate(360deg); /* Firefox */
30+
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
31+
-o-transform:rotate(360deg);
32+
-webkit-transition-duration: 0.7s;
33+
34+
}
35+
.logo {
36+
width:200px;
37+
height:200px;
38+
margin:120px auto 0px;
39+
border-radius:200px;
40+
border:5px solid ;
41+
box-shadow:5px 5px 5px rgba(0,0,0,0.3);
42+
transition:1s all;
43+
}
44+
45+
.logo img {
46+
width:200px;
47+
height:200px;
48+
margin:0px auto 0px;
49+
background:#fff;
50+
border-radius:200px;
51+
}
52+
53+
.logo:hover {
54+
transform:rotate(360deg);
55+
box-shadow:0px 0px 0px rgba(0,0,0,0.3);
56+
}
57+
.body_buttom{
58+
width: 100%;
59+
height: 290px;
60+
position:fixed;
61+
bottom:0px;
62+
background: rgba(255,255,255,0.3);
63+
}
64+
.body_buttom_a{
65+
float: left;
66+
}
67+
a{
68+
margin-left:60px ;
69+
text-decoration: none;
70+
padding: 20px 30px;
71+
background: rgba(255,255,255,0.1);
72+
border-radius: 25px;
73+
transition:1s all;
74+
color: hotpink;
75+
}
76+
a:hover{
77+
color: black;
78+
background: rgba(255,255,255,0.6);
79+
transition:1s all;
80+
}
81+
.body_buttom_r{
82+
float: right;
83+
}
84+
.body_buttom_yq{
85+
margin-left: 460px;
86+
margin-top: 10px;
87+
color: #81C300;
88+
}
89+
.body_buttom_r_gg{
90+
width: 550px;
91+
height: 290px;
92+
background: rgba(255,55,55,0.1);
93+
border-radius: 25px;
94+
margin-right:70px ;
95+
align-content: center;
96+
box-shadow:5px 5px 5px rgba(0,0,0,0.3);
97+
}
98+
.gg_gg{
99+
color: #FF69B4;
100+
101+
}
102+
.gg_font{
103+
color: #982E4B;
104+
}
105+
.gg_font2{
106+
color: #ED553B;
107+
}
108+
.gg_font3{
109+
color: chocolate;
110+
}
111+
.gg_sj{
112+
font-size: 40px;
113+
color: red;
114+
}

0 commit comments

Comments
 (0)