Add files via upload
Signed-off-by: 进恩影音工作室 <119514614+jinenge@users.noreply.github.com>
This commit is contained in:
进恩影音工作室
GitHub
parent
bbf2b62b80
commit
284bc88d9a
20
css/main.css
Normal file
20
css/main.css
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
*{margin:0;padding: 0;}
|
||||||
|
body{background: black;}
|
||||||
|
li{list-style-type: none;}
|
||||||
|
.wrap{width:960px;height:330px; margin:100px auto;}
|
||||||
|
.wrap .clock{height: 220px;}
|
||||||
|
.wrap .clock ul li{width: 120px;height: 220px;float: left;margin:0 10px;}
|
||||||
|
.wrap .clock ul li ul{position: relative;}
|
||||||
|
.wrap .clock ul li ul li{width:90px;height: 20px;display: block;}
|
||||||
|
.wrap .clock ul li ul li:nth-child(1){position:absolute;left: 15px;}
|
||||||
|
.wrap .clock ul li ul li:nth-child(2){position:absolute;transform:rotateZ(90deg);top:0px;left:-35px;top:50px;}
|
||||||
|
.wrap .clock ul li ul li:nth-child(3){position:absolute;transform:rotateZ(90deg);top:0px;left:65px;top:50px;}
|
||||||
|
.wrap .clock ul li ul li:nth-child(4){position:absolute;top: 100px;left: 15px;}
|
||||||
|
.wrap .clock ul li ul li:nth-child(5){position:absolute;transform:rotateZ(90deg);top:150px;left:-35px;}
|
||||||
|
.wrap .clock ul li ul li:nth-child(6){position:absolute;transform:rotateZ(90deg);left:65px;top: 150px;}
|
||||||
|
.wrap .clock ul li ul li:nth-child(7){position:absolute;top: 200px;left: 15px;}
|
||||||
|
.wrap .clock ul .point{width: 30px;}
|
||||||
|
.wrap .clock ul .point span{display:block;height: 20px;width: 20px;background: #f10404;margin:60px 15px;}
|
||||||
|
|
||||||
|
.wrap .date span:first-child{float: left;margin-left: 10px;}
|
||||||
|
.wrap .date span:last-child{float: right;margin-right:30px;}
|
||||||
BIN
images/back.png
Normal file
BIN
images/back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 136 B |
BIN
images/front.png
Normal file
BIN
images/front.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 211 B |
135
index.html
Normal file
135
index.html
Normal file
@ -0,0 +1,135 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>站点不存在！</title>
|
||||||
|
|
||||||
|
<html lang="cn">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>客户端下载</title>
|
||||||
|
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/main.css">
|
||||||
|
|
||||||
|
<script type="text/javascript" src="js/main.js"></script>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body><script src="/demos/googlegg.js"></script>
|
||||||
|
|
||||||
|
<div class="wrap">
|
||||||
|
<div class="clock">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<ul id="time1">
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<ul id="time2">
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="point"><span></span><span></span></li>
|
||||||
|
<li>
|
||||||
|
<ul id="time3">
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<ul id="time4">
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="point"><span></span><span></span></li>
|
||||||
|
<li>
|
||||||
|
<ul id="time5">
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<ul id="time6">
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
<li><img src="images/front.png" width="100%" height="100%"></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div id="date">
|
||||||
|
<span>2015年12月11日</span>
|
||||||
|
<span>星期三</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.container {
|
||||||
|
width: 80%;
|
||||||
|
margin: 10% auto 1;
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
padding: 10% 10%;
|
||||||
|
border-radius: 460px
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul li {
|
||||||
|
line-height: 2.3
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #20a53a
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<h1>您好！您访问的站点不存在！</h1>
|
||||||
|
<h3>Hello! The site you are visiting does not exist！</h3>
|
||||||
|
<ul>
|
||||||
|
<li>请联系站点服务商或者管理员</li>
|
||||||
|
<li>Please contact the site service provider or administrator</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
/*渐变背景CSS*/
|
||||||
|
#canvas-basic {position: fixed;display: block;width: 100%;height: 100%;top: 0;right: 0;bottom: 0;left: 0;z-index: -999;}</style>
|
||||||
|
<!-- 渐变背景初始化,如果要使用渐变背景把下面的那一行注释去掉即可--><!-- 下面的几行都是渐变的一套,自定义头部内还有一个关联的自定义CSS -->
|
||||||
|
<canvas id="canvas-basic"></canvas><script src="https://npm.elemecdn.com/granim@2.0.0/dist/granim.min.js"></script><script>var granimInstance = new Granim({element: '#canvas-basic',direction: 'left-right',isPausedWhenNotInView: true,states : {"default-state": {gradients: [['#a18cd1', '#fbc2eb'],['#fff1eb', '#ace0f9'],['#d4fc79', '#96e6a1'],['#a1c4fd', '#c2e9fb'],['#a8edea', '#fed6e3'],['#9890e3', '#b1f4cf'],['#a1c4fd', '#c2e9fb'],['#fff1eb', '#ace0f9']]}}});</script><script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script><script nomodule crossorigin id="vite-legacy-polyfill" data-src="/assets/polyfills-legacy.032696f1.js">!(function() {var e = document.createElement('script')e.src = window.__dynamic_base__ + document.getElementById('vite-legacy-polyfill').getAttribute('data-src');e.onload = function() {System.import( window.__dynamic_base__+document.getElementById('vite-legacy-entry').getAttribute('data-src'))};document.body.appendChild(e)})();</script><script nomodule crossorigin id="vite-legacy-entry" data-src="/assets/index-legacy.61228920.js"></script></body></html></style>
|
||||||
Loading…
x
Reference in New Issue
Block a user