199 lines
9.8 KiB
HTML
199 lines
9.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
<link rel="icon" type="image/png" sizes="32x32" href="https://lolicon.team/img/images/32.ico">
|
|
<link rel="stylesheet" href="Static\mdui-v1.0.1\css\mdui.min.css">
|
|
<link rel="stylesheet" href="Static\mdui-v1.0.1\css\ui.css">
|
|
<link rel="stylesheet" href="Static\mdui-v1.0.1\css\animate.min.css">
|
|
<link rel="stylesheet" href="Static\bootstrap-4.6.2-dist\css\bootstrap.min.css">
|
|
<style>
|
|
|
|
</style>
|
|
<script>
|
|
// Home navigation bar scrolling hidden
|
|
window.onscroll = function () {
|
|
var t = document.documentElement.scrollTop || document.body.scrollTop;
|
|
if (t > 0) {
|
|
document.getElementById("p-d").style.paddingTop = "0px";
|
|
document.getElementById("p-d").style.paddingBottom = "0px";
|
|
} else {
|
|
document.getElementById("p-d").style.paddingTop = "64px";
|
|
document.getElementById("p-d").style.paddingBottom = "64px";
|
|
}
|
|
}
|
|
|
|
</script>
|
|
</head>
|
|
<body class="mdui-theme-primary-indigo mdui-theme-accent-blue mdui-loaded" id="p-d">
|
|
<div class="home-bodg"></div>
|
|
|
|
<div>
|
|
<!--PC toolbar-->
|
|
<div class="mdui-hidden-lok-down">
|
|
<div class="mdui-toolbar mdui-toolbarb">
|
|
<a href="/index.html">
|
|
<div class="mdui-valign animate__animated animate__fadeInLeft">
|
|
<img src="Static\Gui\img\Moe.png" width="150px">
|
|
</div>
|
|
</a>
|
|
<div class="mdui-center font-ui animate__animated animate__fadeInDown">
|
|
<div class="mdui-tab" mdui-tab="">
|
|
<a href="./index.html" class="mdui-ripple">
|
|
<label>首页/home</label>
|
|
</a>
|
|
<a href="./project.html" class="mdui-ripple ">
|
|
<label>项目/project</label>
|
|
</a>
|
|
<a href="./staff.html" class="mdui-ripple mdui-tab-active">
|
|
<label>组员/Staff</label>
|
|
</a>
|
|
<a href="./news.html" class="mdui-ripple ">
|
|
<label>情报/News</label>
|
|
</a>
|
|
<a href="./contact.html" class="mdui-ripple ">
|
|
<label>联系/contact</label>
|
|
</a>
|
|
<a href="./message.html" class="mdui-ripple ">
|
|
<label>寄语/message</label>
|
|
</a>
|
|
<div class="mdui-tab-indicator"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--mobile toolbar and menu-->
|
|
|
|
<div class="mdui-hidden-xm-pe">
|
|
<div class="mdui-toolbar mdui-toolbarm zhe">
|
|
<a href="/index.html">
|
|
<div class="mdui-valign animate__animated animate__fadeInLeft">
|
|
<img src="Static\Gui\img\Moe.png" width="120px">
|
|
</div>
|
|
</a>
|
|
<div class="mdui-toolbar-spacer"></div>
|
|
<div class="mdui-float-right">
|
|
<span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white"
|
|
mdui-drawer="{target: '#main-drawer', swipe: true}">
|
|
<i class="mdui-icon material-icons">menu</i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="mdui-drawer mdui-drawer-right font-ui" id="main-drawer">
|
|
|
|
<div class=" mdui-list">
|
|
<a href="./index.html" class=" mdui-list-item mdui-ripple ">首页/Home</a>
|
|
<a href="./project.html" class=" mdui-list-item mdui-ripple ">项目/Project</a>
|
|
<a href="./news.html" class=" mdui-list-item mdui-ripple ">情报/News</a>
|
|
<a href="./staff.html" class=" mdui-list-item mdui-ripple ">组员/Staff</a>
|
|
<a href="./contact.html" class=" mdui-list-item mdui-ripple ">联系/Contact</a>
|
|
<a href="./message.html" class=" mdui-list-item mdui-ripple ">寄语/message</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!--pc text-->
|
|
<div class="mdui-hidden-xs-down zhe " style="height:100vh">
|
|
<div class="mdui-container">
|
|
<ul class="mdui-list">
|
|
<div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="200ms">
|
|
<img class="mdui-chip-icon" src="https://avatars.githubusercontent.com/u/125862745?v=4"/>
|
|
<span class="mdui-chip-title">Akatsuki-Misaki</span>
|
|
</div>
|
|
<div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="300ms">
|
|
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=3280751036&s=100"/>
|
|
<span class="mdui-chip-title">Cheng</span>
|
|
</div>
|
|
<div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="400ms">
|
|
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=2327680068&s=100"/>
|
|
<span class="mdui-chip-title">yuanzhi</span>
|
|
</div>
|
|
<div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="500ms">
|
|
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=3052013768&s=100"/>
|
|
<span class="mdui-chip-title">CcranesQ</span>
|
|
</div>
|
|
<div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="600ms">
|
|
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=2274889340&s=100"/>
|
|
<span class="mdui-chip-title">xing_cheng</span>
|
|
</div>
|
|
<div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="700ms">
|
|
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=1345708097&s=100"/>
|
|
<span class="mdui-chip-title">yun_luo</span>
|
|
</div>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!--mobile text-->
|
|
<div class="mdui-hidden-sm-up zhe " style="height:100%;width: 100%;">
|
|
<div style="width: 90%;height:100vh" class="mdui-center">
|
|
<div class="mdui-container">
|
|
<div style="margin-left:-(width/2)">
|
|
<div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="200ms">
|
|
<img class="mdui-chip-icon" src="https://avatars.githubusercontent.com/u/125862745?v=4"/>
|
|
<span class="mdui-chip-title">Akatsuki-Misaki</span>
|
|
</div>
|
|
<div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="300ms">
|
|
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=3280751036&s=100"/>
|
|
<span class="mdui-chip-title">Cheng</span>
|
|
</div>
|
|
<div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="400ms">
|
|
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=2327680068&s=100"/>
|
|
<span class="mdui-chip-title">yuanzhi</span>
|
|
</div>
|
|
<div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="500ms">
|
|
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=3052013768&s=100"/>
|
|
<span class="mdui-chip-title">CcranesQ</span>
|
|
</div>
|
|
<div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="600ms">
|
|
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=2274889340&s=100"/>
|
|
<span class="mdui-chip-title">xing_cheng</span>
|
|
</div>
|
|
<div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="700ms">
|
|
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=1345708097&s=100"/>
|
|
<span class="mdui-chip-title">yun_luo</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mdui-typo mdui-valign" style="height:50vh">
|
|
<div class="mdui-center mdui-text-center">
|
|
<p class="s17" style="font-size: 17px;">
|
|
欢迎您的加入!<br>
|
|
|
|
AyasakiMoe:Akatsuki World <br>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<footer id="copyright">
|
|
<div class="div-height mdui-valign ">
|
|
<div class="mdui-typo mdui-center">
|
|
<div class="font-container " style="font-family:'Saira', 'Noto Sans SC'; font-weight: normal; font-style: normal;">
|
|
<p>2022-2023 AyasakiMoe Studio</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<script src="https://npm.akass.cn/jquery@3.6.4/dist/jquery.min.js"></script>
|
|
<script src="Static\mdui-v1.0.1\js\wow.js" type="text/javascript"></script>
|
|
<script src="Static\mdui-v1.0.1\js\mdui.min.js" type="text/javascript"></script>
|
|
<script src="Static\mdui-v1.0.1\js\wow.min.js" type="text/javascript"></script>
|
|
<script src="Static\bootstrap-4.6.2-dist\js\bootstrap.min.js" type="text/javascript"></script>
|
|
<script>
|
|
// 初始化 WOW.js
|
|
new WOW().init();
|
|
</script>
|
|
</body>
|
|
</html> |