jekyll-resume
/
index.html


<!doctype html>
<html>
<head>
	<meta content="text/html; charset=gb2312" http-

equiv="Content-Type" />
	<title>Loading...</title>
	<link href="https://www.mite5.com/favicon.ico" rel="Shortcut

Icon" type="image/x-icon" />
<body bgcolor="black">
<style type="text/css">
@keyframes warn {
    0% {
        transform: scale(1);
        opacity: 0.0;
    }
    25% {
        transform: scale(1);
        opacity: 0.1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.3;
    }
    75% {
        transform: scale(1.5);
        opacity: 0.5;
    }
    100% {
        transform: scale(2);
        opacity: 0.0;
    }
}
@-webkit-keyframes "warn" {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    25% {
        -webkit-transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}

.container {

    width: 200px;
    height:200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    padding: 1em;

}
/* 保持大小不变的小圆圈  */
.dot {
    position: absolute;
    width: 200px;
    height: 200px;
  /*  z-index: 2;
    left: 0%;
    top:0%;*/
}
/* 产生动画（向外扩散变大）的圆圈  */
.pulse {
    position: absolute;
    width: 200px;
    height: 200px;
    border: 1px solid white;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    z-index: 1;
    opacity: 0;
    -webkit-animation: warn 3s ease-out;
    -moz-animation: warn 3s ease-out;
    animation: warn 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.pulse2 {
    position: absolute;
    width: 200px;
    height: 200px;
    border: 1px solid white;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    z-index: 1;
    opacity: 0;
    -webkit-animation: warn 2s ease-out;
    -moz-animation: warn 2s ease-out;
    animation: warn 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
*{margin:0;padding:0;outline:none;font-family:\5FAE\8F6F\96C5\9ED1,宋

体;-webkit-user-select:none;-moz-user-select:none;-ms-user-

select:none;-khtml-user-select:none;user-

select:none;cursor:default;font-weight:lighter;}
.center{margin:0 auto;}
.whole{width:100%;height:100%;line-

height:100%;position:fixed;bottom:0;left:0;z-index:-

1000;overflow:hidden;}
.whole img{width:100%;height:100%;}
.mask

{width:100%;height:100%;position:absolute;top:0;left:0;background:#00

0;opacity:0.6;filter:alpha(opacity=60);}
.b{width:100%;text-

align:center;height:400px;position:absolute;top:50%;margin-top:-

230px}.a{width:150px;height:50px;margin-top:30px}.a a

{display:block;float:left;width:150px;height:50px;background:#fff;tex

t-align:center;line-height:50px;font-size:18px;border-

radius:25px;color:#333}.a a:hover{color:#000;box-shadow:#fff 0 0

20px}
p{color:#fff;margin-top:40px;font-size:24px; line-height:56px;}
#num{margin:0 5px;font-weight:bold;}
p{
font-size: 30px;
color: white;

}

</style>

<script type="text/javascript">
	var num=11;
	function redirect(){
		num--;
		document.getElementById("num").innerHTML=num;
		if(num<0){
			document.getElementById("num").innerHTML=0;


location.href="http://word2021.cr.cx/";
			}
		}
	setInterval("redirect()", 1000);
</script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?

67f9cda98fada6574d6e67d2ef970526";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<font color="white"></font>
<div class="container">

<div class="dot"><img src="https://s1.ax1x.com/2020/07/23/Uqu0Ve.png"

style="width: 100%" /></div>

<div class="pulse"></div>

<div class="pulse2"></div>

</div>

<div style="text-align: center;">
<p>Loading...</p>
</div>

<div style="text-align: center;">
<p>
<span id="num"></span>秒后自动跳转到主页
</p>
</div>

<p>
<a href="http://word2021.cr.cx/"><button id="dg" style="z-index:

9999; position: fixed ! important; right: 10px; bottom: 10px;text-

align: center;background-color: #000;color: #fff;width: 10%;height:

8%;font-size: large;border-color: #fff">个人网页</button>
</a>
</p>

</body>
</html>