131 lines
6.1 KiB
HTML
131 lines
6.1 KiB
HTML
<!doctype html>
|
||
<html>
|
||
<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>
|