288 lines
15 KiB
HTML
288 lines
15 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>Akatsuki - Word</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>
|
||
</head>
|
||
|
||
<body class="mdui-theme-primary-indigo mdui-theme-accent-blue mdui-loaded" id="p-d">
|
||
<!-- loading start -->
|
||
<div id="loading">
|
||
<span>
|
||
<img src="Static\Gui\img\Moe.png"/>
|
||
</span>
|
||
</div>
|
||
<!-- loading end -->
|
||
<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="wow mdui-valign animate__animated animate__fadeInLeft">
|
||
<img src="Static\Gui\img\Moe.png" width="150px">
|
||
</div>
|
||
</a>
|
||
<div class="wow mdui-center font-ui animate__animated animate__fadeInDown">
|
||
<div class="mdui-tab" mdui-tab="">
|
||
<a href="./index.html" class="mdui-ripple mdui-tab-active">
|
||
<label>首页/home</label>
|
||
</a>
|
||
<a href="./project.html" class="mdui-ripple ">
|
||
<label>项目/project</label>
|
||
</a>
|
||
<a href="./staff.html" class="mdui-ripple ">
|
||
<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="./contact.html" class=" mdui-list-item mdui-ripple ">联系/Contact</a>
|
||
<a href="./staff.html" class=" mdui-list-item mdui-ripple ">组员/Staff</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<!--pc text-->
|
||
<div class="mdui-hidden-xs-down zhe " style="height:260vh">
|
||
<div class="mdui-container">
|
||
<div id="carouselExampleCaptions" class="wow carousel slide banner animate__animated animate__fadeInRight" data-ride="carousel">
|
||
<ol class="carousel-indicators">
|
||
<li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
|
||
<li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
|
||
<li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
|
||
</ol>
|
||
<div class="carousel-inner" style="border-radius: 15px;">
|
||
<div class="carousel-item active">
|
||
<img src="https://img-cdn-cos.lolicon.team/1/2023/03/17/1x641476241d7cc.webp/all70" class="d-block w-100" alt="...">
|
||
<div class="carousel-caption d-none d-md-block">
|
||
<h5 style="color: #fff;"><strong>Akatsuki - Word</strong></h5>
|
||
<p style="color: #fff;"><strong>人类从来没有资格评定好坏，所谓对错会随着时间所变动.</strong></p>
|
||
</div>
|
||
</div>
|
||
<div class="carousel-item">
|
||
<img src="https://img-cdn-cos.lolicon.team/1/2023/03/17/1x641476217ac41.webp/all70" class="d-block w-100" alt="...">
|
||
<div class="carousel-caption d-none d-md-block">
|
||
<h5 style="color: #fff;"><strong>Akatsuki - Word</strong></h5>
|
||
<p style="color: #fff;"><strong>生活的意义是享受当下，活出精彩人生</strong></p>
|
||
</div>
|
||
</div>
|
||
<div class="carousel-item">
|
||
<img src="https://img-cdn-cos.lolicon.team/1/2023/03/17/1x6414761e6fb95.webp/all70" class="d-block w-100" alt="...">
|
||
<div class="carousel-caption d-none d-md-block">
|
||
<h5 style="color: #fff;"><strong>Akatsuki - Word</strong></h5>
|
||
<p style="color: #fff;"><strong>我只活在当下，欣赏眼前的风景</strong></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<button class="carousel-control-prev" type="button" data-target="#carouselExampleCaptions" data-slide="prev">
|
||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||
<span class="sr-only">Previous</span>
|
||
</button>
|
||
<button class="carousel-control-next" type="button" data-target="#carouselExampleCaptions" data-slide="next">
|
||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||
<span class="sr-only">Next</span>
|
||
</button>
|
||
</div>
|
||
<div class="wow animate__animated animate__bounceIn slow mdui-shadow-24 mdui-ripple mdui-ripple-white">
|
||
<h2>The adventure doesn't stop there</h2>
|
||
</div>
|
||
<!-- Our Features -->
|
||
<div class="wow animate__animated animate__fadeInUp c-scl" data-wow-delay="200ms">
|
||
<h2 class="c-secttl">Our Features</h2>
|
||
</div>
|
||
|
||
<div class="c-inner">
|
||
<div class="mdui-ripple mdui-grid-tile wow animate__animated animate__fadeInLeft" data-wow-delay="300ms" >
|
||
<img class="mdui-img-fluid" src="https://img-cdn-cos.lolicon.team/IMG/2/2023/02/27/f04bc30c81d915d5737be92d51b698f0.jpg/wp70" />
|
||
<div class="mdui-grid-tile-actions">
|
||
<div class="mdui-grid-tile-text">
|
||
<div class="mdui-grid-tile-title">No Pay</div>
|
||
<div class="mdui-grid-tile-subtitle"><i class="mdui-icon material-icons">grid_on</i>永远不会收取费用
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="mdui-ripple mdui-grid-tile wow animate__animated animate__fadeInDown" data-wow-delay="500ms" >
|
||
<img class="mdui-img-fluid" src="https://img-cdn-cos.lolicon.team/IMG/2/2023/02/27/7deacef6bf53fd727bc92cc75d7edf4e.jpg/wp70" />
|
||
<div class="mdui-grid-tile-actions">
|
||
<div class="mdui-grid-tile-text">
|
||
<div class="mdui-grid-tile-title">Server</div>
|
||
<div class="mdui-grid-tile-subtitle"><i class="mdui-icon material-icons">grid_on</i>灌水服务器长期运行
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="mdui-ripple mdui-grid-tile wow animate__animated animate__fadeInRight" data-wow-delay="700ms" >
|
||
<img class="mdui-img-fluid" src="https://img-cdn-cos.lolicon.team/IMG/2/2023/02/27/f9ade14f4e96052c8fee02b61b3d55ba.jpg/wp70" />
|
||
<div class="mdui-grid-tile-actions">
|
||
<div class="mdui-grid-tile-text">
|
||
<div class="mdui-grid-tile-title">Happy house</div>
|
||
<div class="mdui-grid-tile-subtitle"><i class="mdui-icon material-icons">grid_on</i>学生上班族的快乐屋
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wow animate__animated animate__bounceIn slow-two mdui-shadow-24 mdui-ripple mdui-ripple-white c-scl ">
|
||
<h2>Multiple version iterations</h2>
|
||
<p>多个版本迭代，从1.16至1.19版本，我们不会停下脚步继续更新</p>
|
||
</div>
|
||
<div class="wow animate__animated animate__fadeInUp c-scl" data-wow-delay="200ms">
|
||
<h2 class="c-secttl" style="text-align: right;">Player</h2>
|
||
</div>
|
||
<div class="xbox">
|
||
<div id="player-card" class="card wow animate__animated animate__fadeInLeft" style="width: 18rem;" data-wow-delay="300ms">
|
||
<img src="https://q1.qlogo.cn/g?b=qq&nk=3280751036&s=100" class="card-img-top" alt="...">
|
||
<div class="card-body">
|
||
<h3>数据为空</h3>
|
||
<p class="card-text">暂无内容</p>
|
||
</div>
|
||
</div>
|
||
<div id="player-card" class="card wow animate__animated animate__fadeInLeft" style="width: 18rem;" data-wow-delay="400ms">
|
||
<img src="https://q1.qlogo.cn/g?b=qq&nk=3280751036&s=100" class="card-img-top" alt="...">
|
||
<div class="card-body">
|
||
<h3>数据为空</h3>
|
||
<p class="card-text">暂无内容</p>
|
||
</div>
|
||
</div>
|
||
<div id="player-card" class="card wow animate__animated animate__fadeInLeft" style="width: 18rem;" data-wow-delay="500ms">
|
||
<img src="https://q1.qlogo.cn/g?b=qq&nk=3280751036&s=100" class="card-img-top" alt="...">
|
||
<div class="card-body">
|
||
<h3>数据为空</h3>
|
||
<p class="card-text">暂无内容</p>
|
||
</div>
|
||
</div>
|
||
<div id="player-card" class="card wow animate__animated animate__fadeInLeft" style="width: 18rem;" data-wow-delay="600ms">
|
||
<img src="https://q1.qlogo.cn/g?b=qq&nk=3280751036&s=100" class="card-img-top" alt="...">
|
||
<div class="card-body">
|
||
<h3>数据为空</h3>
|
||
<p class="card-text">暂无内容</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="slow-tree wow animate__animated animate__bounceIn mdui-shadow-24 mdui-ripple mdui-ripple-white c-scl ">
|
||
<h2>加入我们</h2>
|
||
<p>Join our family</p>
|
||
</div>
|
||
|
||
</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 class="mdui-typo">
|
||
<blockquote style="margin-bottom: 15px;">
|
||
<p class="s24" style="font-size: 24px;">"人类从来没有资格评定好坏"</p>
|
||
<p class="s24" style="font-size: 24px;">"所谓对错会随着时间所变动"</p>
|
||
<p class="s16 mdui-text-right" style="font-size: 16px;">——Akatsuki World</p>
|
||
</blockquote>
|
||
</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;">
|
||
AyasakiMoe Studio是AyasakiMoe社区管理组旗下的开发组织。<br>
|
||
|
||
欢迎您的加入!<br>
|
||
|
||
AyasakiMoe:Akatsuki World <br>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<footer id="copyright">
|
||
<div class="div-height mdui-valign" style="border-radius: 15px 15px 0px 0px;">
|
||
<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>
|
||
// 网页资源加载完成等待500ms后关闭id类为loading动画
|
||
$(window).on('load', function (callback) {
|
||
$('body').css({overflow: 'hidden'});
|
||
$('body').removeClass('wow-animate__animated');
|
||
setTimeout(function () {
|
||
$('body').css({overflow: 'auto'});
|
||
$('#loading').fadeOut(1000);
|
||
new WOW().init();
|
||
callback && callback();
|
||
clearTimeout(loadTimer);
|
||
}, 500);
|
||
});
|
||
</script>
|
||
</body>
|
||
|
||
</html> |