96 lines
3.1 KiB
HTML
96 lines
3.1 KiB
HTML
|
<!--
|
||
|
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:<?php echo($id);?> <a style="color: coral;" href="/login/logout">[退出账号]</a>
|
||
|
</div>
|
||
|
</center>
|
||
|
<div id="container">
|
||
|
<div id="load" class="animbox" style="display: none;">
|
||
|
<div></div>
|
||
|
<div></div>
|
||
|
<div></div>
|
||
|
<div></div>
|
||
|
<div></div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</main>
|
||
|
</body>
|
||
|
</html>
|
||
|
<script src="zlibproxy/jquery-3.6.3.min.js"></script>
|
||
|
<script>
|
||
|
$.pjax({
|
||
|
url: './res3.php',
|
||
|
container: '#container',
|
||
|
});
|
||
|
</script>
|