123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135 |
- <!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>
|