Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@CangShui
CangShui authored Nov 11, 2019
1 parent f98bb40 commit d8bd8af
Show file tree
Hide file tree
Showing 2 changed files with 236 additions and 0 deletions.
71 changes: 71 additions & 0 deletions 1000.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
<!-----沧水博客-Github url：https://github.com/CangShui/CloudflareCustomPages ----->
<!doctype html>
<html lang="zh" class=" js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>您的访问存在异常 - 沧水的博客</title>
<meta name="description" content="沧水的博客！记录生活随写和自己学习运维的点点滴滴，分享一些你们想要的羊毛干货和免费资源，制作一些你们可能需要的脚本编程，以及许多好玩的实用软件和游戏娱乐，关注我的博客，它会告诉你更多！">
<meta name="keywords" content="沧水,沧水博客,网站运维,系统运维,网页制作,操作系统,VPS购买,脚本编程,资源分享,免费资源,游戏娱乐,实用软件,生活随写">
<link rel="icon" type="image/png" href="https://cdn.jsdelivr.net/gh/CangShui/[email protected]/anime%20style/static/icon.jpg">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/CangShui/[email protected]/anime%20style/static/style.css">
<script src="https://cdn.jsdelivr.net/gh/CangShui/[email protected]/anime%20style/static/jquery.min.js"></script>
</head>
<body id="body" class="loaded">
<div style="display:none">
::CLOUDFLARE_ERROR_1000S_BOX::
</div>


<div class="loadin" style="display: none;"><div class="loadin-ball" style="display: none;"></div></div>

<div style="background:url(https://cdn.jsdelivr.net/gh/CangShui/[email protected]/anime%20style/static/1.jpg);" id="showpic"></div>
<div style="background:url(https://cdn.jsdelivr.net/gh/CangShui/[email protected]/anime%20style/static/2.jpg);" id="hidepic"></div>
<div style="background:url(https://cdn.jsdelivr.net/gh/CangShui/[email protected]/anime%20style/static/3.jpg);" id="hidepic"></div>
<div style="background:url(https://cdn.jsdelivr.net/gh/CangShui/[email protected]/anime%20style/static/4.jpg);" id="hidepic"></div>

<script language="javascript">
var curIndex=0;
var timeInterval=9000;
var arr=new Array();
arr[0]="1.jpg";
arr[1]="2.jpg";
arr[2]="3.jpg";
arr[3]="4.jpg";
setInterval(changeImg,timeInterval);
function changeImg(){
var obj=document.getElementById("showpic");
if (curIndex==arr.length-1){
curIndex=0;}
else{
curIndex+=1;}
obj.style="background:url(https://cdn.jsdelivr.net/gh/CangShui/[email protected]/anime%20style/static/"+arr[curIndex]+")";
}
</script>

<a href="http://cangshui.net/" class="logo"><div class="l-logo"></div><span>C</span><span>A</span><span>N</span><span>G</span><span>S</span><span>H</span><span>U</span><span>I</span><span>.</span><span>N</span><span>E</span><span>T</span></a>


<div class="bVIHYL">
<h1 class="cTtigs ibhev iHZvIS">电波无法到达哦</h1>
</div>



<audio src="https://cdn.jsdelivr.net/gh/CangShui/[email protected]/anime%20style/static/l89q3-mv785.ogg" autoplay></audio>
<div class="footer">
<div class="other"><lang class="cn"><h2><a href="https://www.baidu.com/s?wd=%E6%B2%A7%E6%B0%B4">回到首页</a></h2></lang><lang class="en"></lang></div></div>
<div class="last">
<div class="line"></div>
<a class="title music cd-headline letters rotate-3 play">
<div class="m-span"></div>
<div class="m-tips cd-words-wrapper" style="width: 222px;"><b class="is-visible"><i class="in">B</i><i class="in">e</i><i class="in">l</i><i class="in">i</i><i class="in">e</i><i class="in">v</i><i class="in">e</i><i class="in">M</i><i class="in">e</i><i class="in">·</i><i class="in">G</i><i class="in">a</i><i class="in">t</i><i class="in">e</i><i class="in">O</i><i class="in">f</i><i class="in">S</i><i class="in">t</i><i class="in">e</i><i class="in">i</i><i class="in">n</i><i class="in">e</i><i class="in">r</i></b><b><i class="out">B</i><i class="out">e</i><i class="out">l</i><i class="out">i</i><i class="out">e</i><i class="out">v</i><i class="out">e</i><i class="out">M</i><i class="out">e</i><i class="out">·</i><i class="out">G</i><i class="out">a</i><i class="out">t</i><i class="out">e</i><i class="out">O</i><i class="out">f</i><i class="out">S</i><i class="out">t</i><i class="out">e</i><i class="out">i</i><i class="out">n</i><i class="out">e</i><i class="out">r</i></b></div>

</a>
<div class="copyright">COPYRIGHT © 1997-2019 | CangShui.NET</div>
</div>

<script src="https://cdn.jsdelivr.net/gh/CangShui/[email protected]/anime%20style/static/main.js"></script>



</body></html>
165 changes: 165 additions & 0 deletions 5s.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,165 @@
<!-----沧水博客-Github url：https://github.com/CangShui/CloudflareCustomPages ----->
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>请等待五秒 - 沧水的博客</title>
<meta name="description" content="沧水的博客！记录生活随写和自己学习运维的点点滴滴，分享一些你们想要的羊毛干货和免费资源，制作一些你们可能需要的脚本编程，以及许多好玩的实用软件和游戏娱乐，关注我的博客，它会告诉你更多！">
<meta name="keywords" content="沧水,沧水博客,网站运维,系统运维,网页制作,操作系统,VPS购买,脚本编程,资源分享,免费资源,游戏娱乐,实用软件,生活随写">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="./static/style_5s.css" rel="stylesheet" type="text/css">
<script src="./static/jquery_5s.min.js"></script>


</head>
<body>
<audio src="https://cdn.jsdelivr.net/gh/CangShui/[email protected]/anime%20style/static/vk85-56gh.ogg" autoplay></audio>
<div style="display:none;vertical-align: inherit;">
::IM_UNDER_ATTACK_BOX::
</div>
<div class="header" id="demo">
<div class="top_2 name">沧水博客</div>
<div class="nav name2"> <a class="gv">正在加载，请耐心等待五秒......</a> </div>
<div class="canvaszz"> </div>
<canvas id="canvas"> </canvas>
</div>
<div class="container">
<section class="container">

<input type="radio" class="radio" name="progress" value="five" id="five">
<label for="five" class="label"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">5％</font></font></label>

<font style="vertical-align: inherit;"><label for="twentyfive" class="label"><font style="vertical-align: inherit;">25％</font></label><label for="fifty" class="label"><font style="vertical-align: inherit;">50％</font></label><label for="seventyfive" class="label"><font style="vertical-align: inherit;">75％</font></label><label for="onehundred" class="label"><font style="vertical-align: inherit;">100％</font></label></font><input type="radio" class="radio" name="progress" value="twentyfive" id="twentyfive" checked="">
<label for="twentyfive" class="label"><font style="vertical-align: inherit;"></font></label>

<input type="radio" class="radio" name="progress" value="fifty" id="fifty">
<label for="fifty" class="label"><font style="vertical-align: inherit;"></font></label>

<input type="radio" class="radio" name="progress" value="seventyfive" id="seventyfive">
<label for="seventyfive" class="label"><font style="vertical-align: inherit;"></font></label>

<input type="radio" class="radio" name="progress" value="onehundred" id="onehundred">
<label for="onehundred" class="label"><font style="vertical-align: inherit;"></font></label>
<div class="progress name">
<div class="progress-bar"></div>
</div>

</section>
</div>
<!-----HEADER END----->
<script>
//宇宙特效
"use strict";
var canvas = document.getElementById('canvas'),
ctx = canvas.getContext('2d'),
w = canvas.width = window.innerWidth,
h = canvas.height = window.innerHeight,

hue = 217,
stars = [],
count = 0,
maxStars = 1300; //星星数量

var canvas2 = document.createElement('canvas'),
ctx2 = canvas2.getContext('2d');
canvas2.width = 100;
canvas2.height = 100;
var half = canvas2.width / 2,
gradient2 = ctx2.createRadialGradient(half, half, 0, half, half, half);
gradient2.addColorStop(0.025, '#CCC');
gradient2.addColorStop(0.1, 'hsl(' + hue + ', 61%, 33%)');
gradient2.addColorStop(0.25, 'hsl(' + hue + ', 64%, 6%)');
gradient2.addColorStop(1, 'transparent');

ctx2.fillStyle = gradient2;
ctx2.beginPath();
ctx2.arc(half, half, half, 0, Math.PI * 2);
ctx2.fill();

// End cache

function random(min, max) {
if (arguments.length < 2) {
max = min;
min = 0;
}

if (min > max) {
var hold = max;
max = min;
min = hold;
}

return Math.floor(Math.random() * (max - min + 1)) + min;
}

function maxOrbit(x, y) {
var max = Math.max(x, y),
diameter = Math.round(Math.sqrt(max * max + max * max));
return diameter / 2;
//星星移动范围，值越大范围越小，
}

var Star = function() {

this.orbitRadius = random(maxOrbit(w, h));
this.radius = random(60, this.orbitRadius) / 8;
//星星大小
this.orbitX = w / 2;
this.orbitY = h / 2;
this.timePassed = random(0, maxStars);
this.speed = random(this.orbitRadius) / 50000;
//星星移动速度
this.alpha = random(2, 10) / 10;

count++;
stars[count] = this;
}

Star.prototype.draw = function() {
var x = Math.sin(this.timePassed) * this.orbitRadius + this.orbitX,
y = Math.cos(this.timePassed) * this.orbitRadius + this.orbitY,
twinkle = random(10);

if (twinkle === 1 && this.alpha > 0) {
this.alpha -= 0.05;
} else if (twinkle === 2 && this.alpha < 1) {
this.alpha += 0.05;
}

ctx.globalAlpha = this.alpha;
ctx.drawImage(canvas2, x - this.radius / 2, y - this.radius / 2, this.radius, this.radius);
this.timePassed += this.speed;
}

for (var i = 0; i < maxStars; i++) {
new Star();
}

function animation() {
ctx.globalCompositeOperation = 'source-over';
ctx.globalAlpha = 0.5; //尾巴
ctx.fillStyle = 'hsla(' + hue + ', 64%, 6%, 2)';
ctx.fillRect(0, 0, w, h)

ctx.globalCompositeOperation = 'lighter';
for (var i = 1, l = stars.length; i < l; i++) {
stars[i].draw();
};

window.requestAnimationFrame(animation);
}

animation();

</script>

<script>
setTimeout(function(){document.getElementById("five").checked=true},80)
setTimeout(function(){document.getElementById("twentyfive").checked=true},1200)
setTimeout(function(){document.getElementById("fifty").checked=true},2300)
setTimeout(function(){document.getElementById("seventyfive").checked=true},3400)
setTimeout(function(){document.getElementById("onehundred").checked=true},4500)
</script>
</body>
</html>

0 comments on commit d8bd8af

Please sign in to comment.