Akatsuki-Misaki/Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
fb976f505ecd20492c6bb3d8fce56b482f4ceb7b
Website/index.html

249 lines
12 KiB
HTML
Raw Normal View History

first
2023-03-14 23:06:23 +08:00
<!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">
新增动画效果
2023-03-16 22:02:13 +08:00
<title>Akatsuki - Word</title>
<link rel="icon" type="image/png" sizes="32x32" href="https://lolicon.team/img/images/32.ico">
first
2023-03-14 23:06:23 +08:00
<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">
新增动画效果
2023-03-16 22:02:13 +08:00
<link rel="stylesheet" href="Static\mdui-v1.0.1\css\animate.min.css">
move file
2023-03-14 23:15:05 +08:00
<link rel="stylesheet" href="Static\bootstrap-4.6.2-dist\css\bootstrap.min.css">
first
2023-03-14 23:06:23 +08:00
<style>
</style>
</head>
<body class="mdui-theme-primary-indigo mdui-theme-accent-blue mdui-loaded" id="p-d">
更新页面
2023-03-17 22:50:05 +08:00
<!-- loading start -->
<div id="">
<span></span>
</div>
<!-- loading end -->
first
2023-03-14 23:06:23 +08:00
<div class="home-bodg"></div>
<div>
<!--PC toolbar-->
新增动画效果
2023-03-16 22:02:13 +08:00
<div class="mdui-hidden-lok-down">
更新页面
2023-03-17 22:50:05 +08:00
<div class="mdui-progress">
<div class="mdui-progress-indeterminate"></div>
</div>
first
2023-03-14 23:06:23 +08:00
<div class="mdui-toolbar mdui-toolbarb">
<a href="/index.html">
新增动画效果
2023-03-16 22:02:13 +08:00
<div class="mdui-valign animate__animated animate__fadeInLeft">
first
2023-03-14 23:06:23 +08:00
<img src="Static\Gui\img\Moe.png" width="150px">
</div>
</a>
新增动画效果
2023-03-16 22:02:13 +08:00
<div class="mdui-center font-ui animate__animated animate__fadeInDown">
first
2023-03-14 23:06:23 +08:00
<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>
更新页面
2023-03-17 22:50:05 +08:00
<a href="./message.html" class="mdui-ripple ">
<label>寄语/message</label>
</a>
first
2023-03-14 23:06:23 +08:00
<div class="mdui-tab-indicator"></div>
</div>
</div>
</div>
</div>
<!--mobile toolbar and menu-->
新增动画效果
2023-03-16 22:02:13 +08:00
<div class="mdui-hidden-xm-pe">
first
2023-03-14 23:06:23 +08:00
<div class="mdui-toolbar mdui-toolbarm zhe">
<a href="/index.html">
新增动画效果
2023-03-16 22:02:13 +08:00
<div class="mdui-valign animate__animated animate__fadeInLeft">
first
2023-03-14 23:06:23 +08:00
<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-->
新增动画效果
2023-03-16 22:02:13 +08:00
<div class="mdui-hidden-xs-down zhe " style="height:200vh">
<div class="mdui-container">
<div id="carouselExampleCaptions" class="carousel slide banner animate__animated animate__fadeInRight" data-ride="carousel">
first
2023-03-14 23:06:23 +08:00
<ol class="carousel-indicators">
新增动画效果
2023-03-16 22:02:13 +08:00
<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>
first
2023-03-14 23:06:23 +08:00
</ol>
move file
2023-03-14 23:15:05 +08:00
<div class="carousel-inner" style="border-radius: 15px;">
新增动画效果
2023-03-16 22:02:13 +08:00
<div class="carousel-item active">
更新页面
2023-03-17 22:50:05 +08:00
<img src="https://img-cdn-cos.lolicon.team/1/2023/03/17/1x641476241d7cc.webp/all70" class="d-block w-100" alt="...">
新增动画效果
2023-03-16 22:02:13 +08:00
<div class="carousel-caption d-none d-md-block">
更新页面
2023-03-17 22:50:05 +08:00
<h5 style="color: #fff;"><strong>Akatsuki - Word</strong></h5>
<p style="color: #fff;"><strong>人类从来没有资格评定好坏，所谓对错会随着时间所变动.</strong></p>
新增动画效果
2023-03-16 22:02:13 +08:00
</div>
move file
2023-03-14 23:15:05 +08:00
</div>
新增动画效果
2023-03-16 22:02:13 +08:00
<div class="carousel-item">
更新页面
2023-03-17 22:50:05 +08:00
<img src="https://img-cdn-cos.lolicon.team/1/2023/03/17/1x641476217ac41.webp/all70" class="d-block w-100" alt="...">
新增动画效果
2023-03-16 22:02:13 +08:00
<div class="carousel-caption d-none d-md-block">
更新页面
2023-03-17 22:50:05 +08:00
<h5 style="color: #fff;"><strong>Akatsuki - Word</strong></h5>
<p style="color: #fff;"><strong>生活的意义是享受当下，活出精彩人生</strong></p>
新增动画效果
2023-03-16 22:02:13 +08:00
</div>
move file
2023-03-14 23:15:05 +08:00
</div>
新增动画效果
2023-03-16 22:02:13 +08:00
<div class="carousel-item">
更新页面
2023-03-17 22:50:05 +08:00
<img src="https://img-cdn-cos.lolicon.team/1/2023/03/17/1x6414761e6fb95.webp/all70" class="d-block w-100" alt="...">
新增动画效果
2023-03-16 22:02:13 +08:00
<div class="carousel-caption d-none d-md-block">
更新页面
2023-03-17 22:50:05 +08:00
<h5 style="color: #fff;"><strong>Akatsuki - Word</strong></h5>
<p style="color: #fff;"><strong>我只活在当下，欣赏眼前的风景</strong></p>
新增动画效果
2023-03-16 22:02:13 +08:00
</div>
move file
2023-03-14 23:15:05 +08:00
</div>
first
2023-03-14 23:06:23 +08:00
</div>
更新页面
2023-03-17 22:50:05 +08:00
<button class="carousel-control-prev" type="button" data-target="#carouselExampleCaptions" data-slide="prev">
新增动画效果
2023-03-16 22:02:13 +08:00
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
first
2023-03-14 23:06:23 +08:00
</button>
更新页面
2023-03-17 22:50:05 +08:00
<button class="carousel-control-next" type="button" data-target="#carouselExampleCaptions" data-slide="next">
新增动画效果
2023-03-16 22:02:13 +08:00
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
first
2023-03-14 23:06:23 +08:00
</button>
新增动画效果
2023-03-16 22:02:13 +08:00
</div>
更新页面
2023-03-17 22:50:05 +08:00
<div class="wow animate__animated animate__bounceIn slow mdui-shadow-24 mdui-ripple mdui-ripple-white">
<h2>冰浮岛</h2>
新增动画效果
2023-03-16 22:02:13 +08:00
</div>
更新页面
2023-03-17 22:50:05 +08:00
<!-- 我们的特点 -->
<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>冰浮岛</h2>
</div>
first
2023-03-14 23:06:23 +08:00
</div>
</div>
更新页面
2023-03-17 22:50:05 +08:00
first
2023-03-14 23:06:23 +08:00
<!--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>
更新页面
2023-03-17 22:50:05 +08:00
first
2023-03-14 23:06:23 +08:00
<footer id="copyright">
move file
2023-03-14 23:15:05 +08:00
<div class="div-height mdui-valign" style="border-radius: 15px 15px 0px 0px;">
first
2023-03-14 23:06:23 +08:00
<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>
更新页面
2023-03-17 22:50:05 +08:00
<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>
新增动画效果
2023-03-16 22:02:13 +08:00
<script>
更新页面
2023-03-17 22:50:05 +08:00
// 初始化 WOW.js
新增动画效果
2023-03-16 22:02:13 +08:00
new WOW().init();
</script>
更新页面
2023-03-17 22:50:05 +08:00
<script>
// 3秒后关闭loading动画
// $(document).ready(function () {
// $('body').css({overflow: 'hidden'});
// setTimeout(function () {
// $('body').css({overflow: 'auto'});
// $('#loading').fadeOut();
// }, 3000);
// });
</script>
first
2023-03-14 23:06:23 +08:00
</body>
</html>
Reference in New Issue Copy Permalink