tvbox
/
index.html

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