first
This commit is contained in:
@@ -0,0 +1,91 @@
|
||||
<!--
|
||||
Copyright (C) 2023 admin@pmnet.gq
|
||||
|
||||
This program is free software: you can redistribute it and/or modify
|
||||
it under the terms of the GNU Affero General Public License as
|
||||
published by the Free Software Foundation, either version 3 of the
|
||||
License, or (at your option) any later version.
|
||||
|
||||
This program is distributed in the hope that it will be useful,
|
||||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
GNU Affero General Public License for more details.
|
||||
|
||||
You should have received a copy of the GNU Affero General Public License
|
||||
along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-cn">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href='zlibproxy/normalize.css' rel='stylesheet' type='text/css'>
|
||||
<link href="https://fonts.laysense.com/css/5000/zh-cn/douyufont/douyufont.css" rel="preload" as="style" onload="this.rel='stylesheet'">
|
||||
<link href="https://fonts.laysense.com/css/5000/zh-cn/harmonyossans/harmonyossans.css" rel="preload" as="style" onload="this.rel='stylesheet'">
|
||||
<link id="theme_css" rel="stylesheet" href="zlibproxy/sakura.css">
|
||||
<style>
|
||||
.pmnet { font-family: DOUYUFont;}
|
||||
html {font-family: HarmonyOSSans;}
|
||||
.animbox {
|
||||
margin: 50px auto;
|
||||
width: 200px;
|
||||
text-align: center;
|
||||
}
|
||||
/*设置各竖条的共有样式*/
|
||||
.animbox > div {
|
||||
background-color: #279fcf;
|
||||
width: 4px;
|
||||
height: 35px;
|
||||
border-radius: 2px;
|
||||
margin: 2px;
|
||||
animation-fill-mode: both;
|
||||
display: inline-block;
|
||||
animation: anim 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78);
|
||||
}
|
||||
/*设置动画延迟*/
|
||||
.animbox > :nth-child(2), .animbox > :nth-child(4) {
|
||||
animation-delay: 0.25s !important;
|
||||
}
|
||||
|
||||
.animbox > :nth-child(1), .animbox > :nth-child(5) {
|
||||
animation-delay: 0.5s !important;
|
||||
}
|
||||
/*定义动画*/
|
||||
@keyframes anim {
|
||||
0% { transform: scaley(1); }
|
||||
80% { transform: scaley(0.3); }
|
||||
90% { transform: scaley(1); }
|
||||
}
|
||||
|
||||
</style>
|
||||
<title>(Proxy)Z-Library</title>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
//切换深色模式
|
||||
if(window.matchMedia('(prefers-color-scheme: dark)').matches){
|
||||
document.getElementById('theme_css').href = 'zlibproxy/sakura-dark.css';
|
||||
}
|
||||
|
||||
</script>
|
||||
<main>
|
||||
<center>
|
||||
<div style="background-color: bisque;color: black;">
|
||||
Zlibrary Proxy(v<?php echo(getenv('version'));?>) UserID: <a style="color: coral;" href="/login/logout">[退出账号]</a>
|
||||
</div>
|
||||
</center>
|
||||
<div id="container">
|
||||
<div id="load" class="animbox">
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<br / >
|
||||
加载中,请耐心等待
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user