-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
192 lines (160 loc) · 4.89 KB
/
index.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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
*{box-sizing: border-box;}
body{
background: #000;
margin: 0;
padding: 0;
overflow: hidden;
text-shadow: 0px 0px 80px;
}
h1{
margin: 0;
padding: 0;
color: #0ff;
}
a{color: #fff;}
/* 盒子↓ */
p{
margin: 0;
}
.box{
/* 盒子宽度↓ ---最好别改*/
width: 700px;
/* 让视频居中对齐↓---最好别动 */
text-align: center;
/* border: 1px solid #f00; */
color: #fff;
position: absolute;
margin: 20px auto 0;
top: 20px;
left: 0;
right: 0;
}
/* 图片样式↓ */
img{
/* 视频宽度↓ ---最好不要大于上面盒子的宽度*/
width: 700px;
height: 390px;
/* 灰色的描边↓ ---px是粗细 solid是实线 #555是颜色代码 可以百度html颜色代码修改*/
/* border: 2px solid #222; */
/* 图片的圆角 */
border-radius: 5px;
/* 动画时间 */
transition: 0.8s;
}
/* .img2:hover{border: 2px solid #980b18} */
.box>div{
padding: 20px;
/* border: 1px solid #f00; */
}
.szj{
position: absolute;
top: 0;
left: 0;
color: #fff;
padding: 5px;
border: 1px solid #eee;
background-color: rgb(0,0,0,0.7)
}
.yl{
display: inline;
border-bottom:1px dotted #0ff;
}
.yl a{
text-decoration: none;
color:#c6d491;
}
.yl span{
margin-right: 8px;
}
</style>
</head>
<body>
<canvas id="canvas"></canvas>
<div class="box">
<!-- 图片部分 -->
<img class="img2" src="fox.gif" alt="">
<!--
<img class="img2" src="https://pureblack.eu.org/about/images/dance.gif?raw=true" alt="">
-->
<div class="text">
<h1>I AM 真のBLACK</h1>
<br>
<span style="color: #0f0">WELCOME TO MY BLOG：</span><span><a href="https://pureblack.eu.org/about">ABOUT ME</a></span>
<br><br>
<p class="glow" style="color: #f00; font-size:21px;">404 PAGE</p>
<p class="glow" style="color: #f00; font-size:10px;">404</p>
<br>
<span style="color: #3ee5df">WHOAMI：</span><span><a style="color: #e5743e;" target="view_window" href="http://wpa.qq.com/msgrd?v=3&uin=2390667330&site=qq&menu=yes">MY QQ</a></span>
<br><br>
<P class="glow">此页为404</P>
<br><br><br><br>
<div class="yl"><span style="color: #f0f">友情链接：</span><span><a href="https://pureblack.eu.org">广告位招租</a></span> <span><a href="https://pureblack.eu.org">广告位招租</a></span><span><a href="https://pureblack.eu.org">广告位招租</a></span></div>
</div>
</div>
<div class="szj">
<pre>
渗透三字经
进谷歌 找注入
没注入 就旁注
没旁注 用Oday
没Oday 猜目录
没目录 就嗅探
爆账户 找后台
传小马 放大马
拿权限 挂页面
</pre>
<!-- 音乐部分 -->
<!-- <embed height="0" width="0" src="https://link.hhtjim.com/163/1860652524.mp3"></embed> -->
<audio
id="audio"
src="https://link.hhtjim.com/163/1884844695.mp3"
preload="auto"
hidden="true"
autoplay="autoplay"
loop="true">
</audio>
<!-- 以下js -->
<script>
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
canvas.height = window.innerHeight;
canvas.width = window.innerWidth;
// 下面的就是代码雨的文字
var texts = '真のBLACK'.split('');
var fontSize = 16;
var columns = canvas.width/fontSize;
// 用于计算输出文字时坐标，所以长度即为列数
var drops = [];
//初始值
for(var x = 0; x < columns; x++){
drops[x] = 1;
}
function draw(){
//让背景逐渐由透明到不透明
ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';
ctx.fillRect(0, 0, canvas.width, canvas.height);
//文字颜色
ctx.fillStyle = '#0F0';
ctx.font = fontSize + 'px arial';
//逐行输出文字
for(var i = 0; i < drops.length; i++){
var text = texts[Math.floor(Math.random()*texts.length)];
ctx.fillText(text, i*fontSize, drops[i]*fontSize);
if(drops[i]*fontSize > canvas.height || Math.random() > 0.95){
drops[i] = 0;
}
drops[i]++;
}
}
setInterval(draw, 33);
</script>
</body>
</html>