拉取旧版设计并更新当前新设计
This commit is contained in:
File diff suppressed because one or more lines are too long
114
new_index_page.html
Normal file
114
new_index_page.html
Normal file
File diff suppressed because one or more lines are too long
143
old_page_waf.html
Normal file
143
old_page_waf.html
Normal file
@@ -0,0 +1,143 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html class="light" lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>站点维护中！</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||||
|
<link rel="shortcut icon" href="https://img-bohe.lolicon.team/i/img/svg/logo.ico" type="image/x-icon">
|
||||||
|
<link rel="stylesheet" href="https://down-cdn.lolicon.team/api/css/404style_auto.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Noto Serif">
|
||||||
|
<style>
|
||||||
|
.left-half {
|
||||||
|
flex: 1;
|
||||||
|
height: 100vh;
|
||||||
|
background-position: bottom;
|
||||||
|
background-size: contain;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-image: url("https://img-bohe.lolicon.team/i/img/img-cdn/status_left-9e8c50b4.jpg");
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.right-half {
|
||||||
|
background-position: center 0;
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-image: url("https://img-bohe.lolicon.team/i/img/img-cdn/waf-bg/2_2.jpg");
|
||||||
|
flex: 1;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="loading">
|
||||||
|
<span>
|
||||||
|
<img data-v-loadimg1="" src="https://img-bohe.lolicon.team/i/img/svg/logo.webp"/>
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
<img data-v-loadimg2="" src="https://img-bohe.lolicon.team/i/img/img-cdn/harmony_black-0bb18ec7.webp" />
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
<img data-v-loadimg3="" src="https://img-bohe.lolicon.team/i/img/svg/akatsuki.webp"/>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<section class="container">
|
||||||
|
<div class="left_box">
|
||||||
|
|
||||||
|
|
||||||
|
<div class="left-half">
|
||||||
|
<article>
|
||||||
|
<div class="left-font">
|
||||||
|
<h1>站点维护呐(。・∀・)ノ</h1>
|
||||||
|
<p class="text-black">
|
||||||
|
咱们正在维护该服务! (￣へ￣)
|
||||||
|
</p>
|
||||||
|
<p class="sub-header">
|
||||||
|
<a data-v-154241="" target="_blank" href="https://t.me/+HQV8yfY9Xtg0ZGQy">Telegram</a>
|
||||||
|
<a data-v-154241="" target="_blank" href="https://space.bilibili.com/387270547">哔哩哔哩</a>
|
||||||
|
<a data-v-154241="" target="_blank" href="https://ts.voice.lolicon.team/">Teamspeak</a>
|
||||||
|
</p>
|
||||||
|
<div data-v-91f7ba14="" class="sub-footer">
|
||||||
|
<div data-v-91f7ba14="" class="w-full"></div>
|
||||||
|
<ul data-v-91f7ba14="">
|
||||||
|
<li data-v-91f7ba14="">絢咲萌社区成员共同维护</li>
|
||||||
|
<li data-v-91f7ba14="">©Akatsuki SASO 2022-2024</li>
|
||||||
|
<li data-v-91f7ba14=""><span id="getIP"></span></li>
|
||||||
|
<li data-v-91f7ba14="">访问时间：<span id="now"></span></li>
|
||||||
|
<li data-v-91f7ba14="">你的ID( •̀ ω •́ )✧<span id="EventID"></span></li>
|
||||||
|
<li data-v-91f7ba14="">
|
||||||
|
<span id="powered-by">安全检测能力由</span>
|
||||||
|
<a class="footer-waflink" href="https://waf-ce.chaitin.cn">
|
||||||
|
<span id="waf-title">长亭雷池 WAF</span>
|
||||||
|
</a>
|
||||||
|
<span id="powered-by-tail">驱动</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="right-half"></div>
|
||||||
|
</section>
|
||||||
|
<script>
|
||||||
|
//检测浏览器是否为夜间模式
|
||||||
|
var isDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||||||
|
if (isDark) {
|
||||||
|
document.documentElement.classList.remove('light');
|
||||||
|
document.documentElement.classList.add('dark');
|
||||||
|
document.getElementsByClassName('right-half')[0].classList.add('dark-bg');
|
||||||
|
document.getElementsByTagName('img')[0].classList.add('dark-bg');
|
||||||
|
document.getElementsByTagName('img')[1].classList.add('dark-bg');
|
||||||
|
document.getElementsByTagName('img')[2].classList.add('dark-bg');
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script src="https://static.lolicon.team/jsd/npm/jquery@3.7.1/dist/jquery.min.js"></script>
|
||||||
|
<script>
|
||||||
|
console.log("%c Heartfelt %c", "background-image: linear-gradient(195deg, #169af8 0%, #16e6f8 100%); color:#ffffff", "", "或许这里未来会成为中文互联网为数不多的净土吧");
|
||||||
|
$(window).on('load', function (callback) {
|
||||||
|
setTimeout(function () {
|
||||||
|
$('#loading').fadeOut(500);
|
||||||
|
}, 1500);
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
$.getJSON('https://ip-api.lolicon.team/?format=json', function(data){
|
||||||
|
console.log(data);
|
||||||
|
// 将内容输出到 id为getIP 的标签中
|
||||||
|
$('#getIP').html('您的IP地址为：'+data.ip);
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
//滚动条禁用
|
||||||
|
$(document).ready(function () {
|
||||||
|
$(document).bind("scroll", function () {
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
// 显示当前时间
|
||||||
|
function timestring() {
|
||||||
|
var d = new Date();
|
||||||
|
function p(d) {
|
||||||
|
return d < 10 ? "0" + d : d;
|
||||||
|
}
|
||||||
|
return (
|
||||||
|
d.getFullYear() +
|
||||||
|
"-" +
|
||||||
|
p(d.getMonth() + 1) +
|
||||||
|
"-" +
|
||||||
|
p(d.getDate()) +
|
||||||
|
" " +
|
||||||
|
p(d.getHours()) +
|
||||||
|
":" +
|
||||||
|
p(d.getMinutes())
|
||||||
|
);
|
||||||
|
}
|
||||||
|
document.getElementById("now").innerText = timestring();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
298
static/css/404style_auto.css
Normal file
298
static/css/404style_auto.css
Normal file
@@ -0,0 +1,298 @@
|
|||||||
|
html.dark{
|
||||||
|
animation: addDarkMode .2s ease;
|
||||||
|
filter: invert(100%) hue-rotate(180deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark-bg{
|
||||||
|
filter: invert(100%) hue-rotate(180deg) brightness(105%);
|
||||||
|
}
|
||||||
|
|
||||||
|
html.light {
|
||||||
|
animation: removeDarkMode .2s ease;
|
||||||
|
}
|
||||||
|
*{
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
html, body, section {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
/* 字体Noto Serif */
|
||||||
|
font-family: "Noto Serif", serif;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* loading start */
|
||||||
|
#loading {
|
||||||
|
position: fixed;
|
||||||
|
top: 0px;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 10000;
|
||||||
|
background-color: #fff;
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: -moz-flex;
|
||||||
|
display: -ms-flex;
|
||||||
|
display: -o-flex;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
img[data-v-loadimg1]{
|
||||||
|
width: 140px;
|
||||||
|
height: 140px;
|
||||||
|
overflow:hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
img[data-v-loadimg2]{
|
||||||
|
width: 1.5rem;
|
||||||
|
height: 1.5rem;
|
||||||
|
overflow:hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
img[data-v-loadimg3]{
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
bottom: 4%;
|
||||||
|
transform: translate(-50%);
|
||||||
|
width: 140px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@keyframes loadingA {
|
||||||
|
from {}
|
||||||
|
to {
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* loading end */
|
||||||
|
|
||||||
|
.left-font{
|
||||||
|
margin:35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.left-font article h1{
|
||||||
|
font-size: 2.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-black{
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
line-height: 1.625;
|
||||||
|
font-weight: 300;
|
||||||
|
font-size: 1rem;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
body {
|
||||||
|
color: #7b809a;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
div{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 2.25rem;
|
||||||
|
text-align: left;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sub-header{
|
||||||
|
font-size: 12px;
|
||||||
|
color: #3d3d3d;
|
||||||
|
line-height: 1.35;
|
||||||
|
margin: 5px 0;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
letter-spacing: 0rem;
|
||||||
|
color: #344767;
|
||||||
|
text-decoration:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a[data-v-154241]{
|
||||||
|
content: "/";
|
||||||
|
margin: 0 .5em;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
[data-v-154241], [data-v-154241]::before, [data-v-154241]::after {
|
||||||
|
border-width: 0;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: #dae1e7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sub-header::after{
|
||||||
|
border-width: 0;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: #dae1e7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.w-full[data-v-91f7ba14] {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h-2[data-v-91f7ba14] {
|
||||||
|
height: .18rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.w-full[data-v-91f7ba14] {
|
||||||
|
background-color: #ddd;
|
||||||
|
height: .18rem;
|
||||||
|
margin-top: 1rem;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
ol, ul, dl, li {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
text-align: left;
|
||||||
|
color: #3d3d3d;
|
||||||
|
font-size: 10px;
|
||||||
|
display: inline;
|
||||||
|
/* 加粗 */
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
li[data-v-91f7ba14]:first-child::before {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
li[data-v-91f7ba14]::before {
|
||||||
|
content: "•";
|
||||||
|
margin: 0 .5em;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.left_box{
|
||||||
|
background: #fff;
|
||||||
|
flex-grow: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
article{
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 上下各一半 */
|
||||||
|
|
||||||
|
@media screen and (max-width: 1313px) {
|
||||||
|
.container {
|
||||||
|
flex-direction: column-reverse;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.left-half,
|
||||||
|
.right-half {
|
||||||
|
flex: 1;
|
||||||
|
height: 50%;
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#msg{
|
||||||
|
position: fixed;
|
||||||
|
z-index:999;
|
||||||
|
top: 49%;
|
||||||
|
margin-top:-80px;
|
||||||
|
left:50%;
|
||||||
|
margin-left:-133px;
|
||||||
|
background:#fff;
|
||||||
|
box-shadow:5px 5px 18px #000000;
|
||||||
|
font-size:17px;
|
||||||
|
color:#666;
|
||||||
|
border:1px solid #ffffff;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 2rem;
|
||||||
|
display:inline-block;
|
||||||
|
padding-bottom:20px;
|
||||||
|
border-radius:10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#msg_top{
|
||||||
|
background:#f8f8f8;
|
||||||
|
padding:5px 15px 5px 20px;
|
||||||
|
text-align:left;
|
||||||
|
border-radius: 10px 10px 0px 0px;
|
||||||
|
}
|
||||||
|
#msg_top span{
|
||||||
|
font-size:22px;
|
||||||
|
float:right;
|
||||||
|
cursor:pointer;
|
||||||
|
}
|
||||||
|
#msg_cont{
|
||||||
|
padding:15px 20px 20px;
|
||||||
|
text-align:left;
|
||||||
|
}
|
||||||
|
#msg_confirm{
|
||||||
|
display:inline-block;
|
||||||
|
color:#fff;
|
||||||
|
padding:1px 15px;
|
||||||
|
background:#2ea9df;
|
||||||
|
border-radius:2px;
|
||||||
|
float:right;
|
||||||
|
margin-right:15px;
|
||||||
|
cursor:pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#msg_Disconnect{
|
||||||
|
display:inline-block;
|
||||||
|
color:#fff;
|
||||||
|
padding:1px 15px;
|
||||||
|
background:#df2e2e;
|
||||||
|
border-radius:2px;
|
||||||
|
float:right;
|
||||||
|
margin-right:15px;
|
||||||
|
cursor:pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fadeIn {
|
||||||
|
-webkit-animation: fadeInDown .3s;
|
||||||
|
animation: fadeInDown .3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeInDown {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: translate3d(0, -20%, 0);
|
||||||
|
-webkit-transform: translate3d(0, -20%, 0);
|
||||||
|
transform: translate3d(0, -20%, 0);
|
||||||
|
transform: translate3d(0, -20%, 0);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
-webkit-transform: none;
|
||||||
|
transform: none;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes fadeInDown {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: translate3d(0, -20%, 0);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
-webkit-transform: none;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1,3 +1,102 @@
|
|||||||
|
/* loading start */
|
||||||
|
#loading {
|
||||||
|
position: fixed;
|
||||||
|
top: 0px;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 10000;
|
||||||
|
background-color: #084db5;
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: -moz-flex;
|
||||||
|
display: -ms-flex;
|
||||||
|
display: -o-flex;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
#boxlogo{
|
||||||
|
max-width: 360px;
|
||||||
|
max-height: 143.5px;
|
||||||
|
}
|
||||||
|
img[data-v-loadimg1]{
|
||||||
|
width: 140px;
|
||||||
|
height: 140px;
|
||||||
|
overflow:hidden;
|
||||||
|
}
|
||||||
|
img[data-v-loadimg2]{
|
||||||
|
width: 1.5rem;
|
||||||
|
height: 1.5rem;
|
||||||
|
overflow:hidden;
|
||||||
|
}
|
||||||
|
img[data-v-loadimg3]{
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
bottom: 4%;
|
||||||
|
transform: translate(-50%);
|
||||||
|
width: 140px;
|
||||||
|
}
|
||||||
|
.fl{
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.ml2e{
|
||||||
|
margin-left: 2em;
|
||||||
|
}
|
||||||
|
.margin_top_3em{
|
||||||
|
margin-top: 3em;
|
||||||
|
margin-bottom: 2em;
|
||||||
|
}
|
||||||
|
.clf{
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.opcy0{
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
.opcy1{
|
||||||
|
opacity: 1;
|
||||||
|
animation: fadeIn 1s forwards;
|
||||||
|
}
|
||||||
|
.disable{
|
||||||
|
animation: fadeOut 1s forwards;
|
||||||
|
}
|
||||||
|
.logomove{
|
||||||
|
margin-left: 0;
|
||||||
|
animation: moveleft 1s forwards;
|
||||||
|
}
|
||||||
|
/* 渐出动画 */
|
||||||
|
@keyframes fadeOut {
|
||||||
|
0% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* 渐入动画 */
|
||||||
|
@keyframes fadeIn {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* 移动动画 */
|
||||||
|
@keyframes moveleft {
|
||||||
|
0% {
|
||||||
|
margin-left: 110px;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
margin-left: 0; }
|
||||||
|
}
|
||||||
|
#RTXT p {
|
||||||
|
font-family: "微软雅黑";
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
/* loading end */
|
||||||
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
@@ -35,7 +134,7 @@ li {
|
|||||||
|
|
||||||
.hanasaki {
|
.hanasaki {
|
||||||
padding-top: 180px;
|
padding-top: 180px;
|
||||||
padding-bottom: 112px
|
padding-bottom: 80px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
@@ -242,12 +341,11 @@ li {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#footer_text {
|
#footer_text p {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-bottom: 35px;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user