拉取旧版设计并更新当前新设计
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 {
|
||||
font-size: 12px;
|
||||
background: #fff;
|
||||
@@ -35,7 +134,7 @@ li {
|
||||
|
||||
.hanasaki {
|
||||
padding-top: 180px;
|
||||
padding-bottom: 112px
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
|
||||
.container {
|
||||
@@ -242,12 +341,11 @@ li {
|
||||
}
|
||||
}
|
||||
|
||||
#footer_text {
|
||||
#footer_text p {
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
letter-spacing: 1px;
|
||||
text-align: center;
|
||||
padding-bottom: 35px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user