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

306 lines
16 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">
修改首页布局
2023-03-19 22:52:50 +08:00
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
新增动画效果
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">
添加fontawesome6.3版本
2023-03-20 17:18:49 +08:00
<link rel="stylesheet" href="Static\fontawesome-free-6.3.0-web\css\all.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>
新增效果
2023-03-18 10:13:09 +08:00
first
2023-03-14 23:06:23 +08:00
</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 -->
增加等待动画
2023-03-17 22:51:36 +08:00
<div id="loading">
新增效果
2023-03-18 10:13:09 +08:00
<span>
<img src="Static\Gui\img\Moe.png"/>
</span>
更新页面
2023-03-17 22:50:05 +08:00
</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-19 22:52:50 +08:00
<div class="mdui-toolbar mdui-toolbarb nav-pc">
first
2023-03-14 23:06:23 +08:00
<a href="/index.html">
新增效果
2023-03-18 10:13:09 +08:00
<div class="wow 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-18 10:13:09 +08:00
<div class="wow 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>
修改首页布局
2023-03-19 22:52:50 +08:00
<!--Pc text Start-->
字体修改
2023-03-19 23:41:24 +08:00
<div class="mdui-hidden-xs-down backdrop-filter-5" style="height:260vh ">
<!-- Carousel Start -->
添加fontawesome6.3版本
2023-03-20 17:18:49 +08:00
<section class="welcome_area" id="home">
阉割轮播图
2023-03-20 14:10:44 +08:00
<div class="welcome_slides">
添加fontawesome6.3版本
2023-03-20 17:18:49 +08:00
<div class="single_slide" style="background-image: url(https://img-cdn-cos.lolicon.team/1/2023/03/17/1x641476241d7cc.webp/all70);">
阉割轮播图
2023-03-20 14:10:44 +08:00
<div class="slide_text">
<div class="table">
添加fontawesome6.3版本
2023-03-20 17:18:49 +08:00
<div class="table_cell">
<h2><span>Akatsuki</span>World</h2>
<h3>I can't wait for the end of the world</h3>
</div>
</div>
</div>
</div>
<div class="single_slide" style="background-image: url(https://img-cdn-cos.lolicon.team/1/2023/03/17/1x641476241d7cc.webp/all70);">
<div class="slide_text">
<div class="table">
<div class="table_cell">
<h2>加入我们 <span>创造想象中的世界</span></h2>
<h3>与我们一起，与大家一起。</h3>
</div>
</div>
</div>
</div>
<div class="single_slide" style="background-image: url(https://img-cdn-cos.lolicon.team/1/2023/03/17/1x641476241d7cc.webp/all70);">
<div class="slide_text">
<div class="table">
<div class="table_cell">
<h2>空有虚名的王 <span>可笑</span></h2>
<h3>it'll be so nice to not have to be here anymore</h3>
阉割轮播图
2023-03-20 14:10:44 +08:00
</div>
新增动画效果
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-16 22:02:13 +08:00
</div>
阉割轮播图
2023-03-20 14:10:44 +08:00
</section>
修改首页布局
2023-03-19 22:52:50 +08:00
<!-- Carousel End -->
<!-- Our Features Start -->
<div class="wow animate__animated animate__fadeInLeft" data-wow-delay="200ms">
<h2 class="c-secttl">Our Features</h2>
新增动画效果
2023-03-16 22:02:13 +08:00
</div>
修改首页布局
2023-03-19 22:52:50 +08:00
<div class="d-flex justify-content-around">
<div class="test">
<div class="mdui-ripple wow animate__animated animate__fadeInRight " data-wow-delay="300ms">
<img class="card__item" 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>
更新页面
2023-03-17 22:50:05 +08:00
</div>
</div>
</div>
</div>
修改首页布局
2023-03-19 22:52:50 +08:00
<div class="test">
<div class="mdui-ripple wow animate__animated animate__fadeInRight " data-wow-delay="400ms">
<img class="card__item" 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">Low Server</div>
<div class="mdui-grid-tile-subtitle"><i class="mdui-icon material-icons">grid_on</i>灌水服务器长期运行
</div>
更新页面
2023-03-17 22:50:05 +08:00
</div>
</div>
</div>
</div>
修改首页布局
2023-03-19 22:52:50 +08:00
<div class="test">
<div class="mdui-ripple wow animate__animated animate__fadeInRight " data-wow-delay="500ms" >
<img class="card__item" 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>
更新页面
2023-03-17 22:50:05 +08:00
</div>
</div>
</div>
</div>
修改首页布局
2023-03-19 22:52:50 +08:00
</div>
<!-- Our Features End -->
<br>
<div class="wow animate__animated animate__fadeInLeft" data-wow-delay="300ms">
<h2 class="c-secttl">Player</h2>
新增页面内容
2023-03-18 18:13:54 +08:00
</div>
修改首页布局
2023-03-19 22:52:50 +08:00
<div id="player-card-flex" class="player d-flex justify-content-around">
<div class="test">
<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&amp;nk=3280751036&amp;s=100" class="card-img-top" alt="...">
<div class="card-body">
<h3>数据为空</h3>
<p class="card-text">暂无内容</p>
</div>
新增页面内容
2023-03-18 18:13:54 +08:00
</div>
</div>
修改首页布局
2023-03-19 22:52:50 +08:00
<div class="test">
<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&amp;nk=3280751036&amp;s=100" class="card-img-top" alt="...">
<div class="card-body">
<h3>数据为空</h3>
<p class="card-text">暂无内容</p>
</div>
新增页面内容
2023-03-18 18:13:54 +08:00
</div>
</div>
修改首页布局
2023-03-19 22:52:50 +08:00
<div class="test">
<div id="player-card" class="card wow animate__animated animate__fadeInLeft" style="width: 18rem; " data-wow-delay="700ms">
<img src="https://q1.qlogo.cn/g?b=qq&amp;nk=3280751036&amp;s=100" class="card-img-top" alt="...">
<div class="card-body">
<h3>数据为空</h3>
<p class="card-text">暂无内容</p>
</div>
新增页面内容
2023-03-18 18:13:54 +08:00
</div>
</div>
修改首页布局
2023-03-19 22:52:50 +08:00
<div class="test">
<div id="player-card" class="card wow animate__animated animate__fadeInLeft" style="width: 18rem; " data-wow-delay="900ms">
<img src="https://q1.qlogo.cn/g?b=qq&amp;nk=3280751036&amp;s=100" class="card-img-top" alt="...">
<div class="card-body">
<h3>数据为空</h3>
<p class="card-text">暂无内容</p>
</div>
</div>
</div>
<div class="test">
<div id="player-card" class="card wow animate__animated animate__fadeInLeft" style="width: 18rem; " data-wow-delay="900ms">
<img src="https://q1.qlogo.cn/g?b=qq&amp;nk=3280751036&amp;s=100" class="card-img-top" alt="...">
<div class="card-body">
<h3>数据为空</h3>
<p class="card-text">暂无内容</p>
</div>
新增页面内容
2023-03-18 18:13:54 +08:00
</div>
</div>
修改首页布局
2023-03-19 22:52:50 +08:00
</div>
修复加入我们的div布局出错
2023-03-19 22:57:46 +08:00
<div class="mdui-container">
<div class="xox wow animate__animated animate__bounceIn mdui-shadow-24 mdui-ripple mdui-ripple-white">
<h2>加入我们</h2>
<p>Join our family</p>
</div>
新增页面内容
2023-03-18 18:13:54 +08:00
</div>
字体修改
2023-03-19 23:41:24 +08:00
</div>
修改首页布局
2023-03-19 22:52:50 +08:00
<!--Pc text End-->
更新页面
2023-03-17 22:50:05 +08:00
first
2023-03-14 23:06:23 +08:00
修改首页布局
2023-03-19 22:52:50 +08:00
<!-- Mobile Text Start -->
阉割轮播图
2023-03-20 14:10:44 +08:00
<div class="mdui-hidden-sm-up backdrop-filter-5 " style="height:210vh;width: 100%;">
<section class="welcome_area wow carousel slide banner animate__animated animate__fadeInRight" id="home">
<div class="welcome_slides">
<div class="single_slide" style="background-image: url(https://img-cdn-cos.lolicon.team/1/2023/03/17/1x641476241d7cc.webp);">
<div class="slide_text">
<div class="table">
<div class="table_cell wow carousel slide banner animate__animated animate__bounceIn" data-wow-delay="930ms">
<h2><span>Akatsuki </span> World</h2>
<h3 class="wow carousel slide banner animate__animated animate__bounceIn" data-wow-delay="1100ms">欢迎热爱我的世界与二次元的你</h3>
</div>
</div>
</div>
修改首页布局
2023-03-19 22:52:50 +08:00
</div>
</div>
阉割轮播图
2023-03-20 14:10:44 +08:00
</section>
修改首页布局
2023-03-19 22:52:50 +08:00
</div>
first
2023-03-14 23:06:23 +08:00
修改首页布局
2023-03-19 22:52:50 +08:00
<!-- Mobile Text End -->
修复加入我们的div布局出错
2023-03-19 22:57:46 +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
添加fontawesome6.3版本
2023-03-20 17:18:49 +08:00
<script src="Static\mdui-v1.0.1\js\jquery-2.2.4.min.js"></script>
<script src="Static\mdui-v1.0.1\js\bootstrap.min.js"></script>
<script src="Static\mdui-v1.0.1\js\owl.carousel.min.js"></script>
阉割轮播图
2023-03-20 14:10:44 +08:00
<script src="Static\mdui-v1.0.1\js\area.js"></script>
添加fontawesome6.3版本
2023-03-20 17:18:49 +08:00
<script src="Static\mdui-v1.0.1\js\mdui.min.js" type="text/javascript"></script>
修改首页布局
2023-03-19 22:52:50 +08:00
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" type="text/javascript"></script>
更新页面
2023-03-17 22:50:05 +08:00
<script src="Static\mdui-v1.0.1\js\wow.js" type="text/javascript"></script>
<script src="Static\mdui-v1.0.1\js\wow.min.js" type="text/javascript"></script>
<script>
修改加载效果
2023-03-18 13:52:27 +08:00
// 网页资源加载完成等待500ms后关闭id类为loading动画
修正JS逻辑
2023-03-18 19:59:31 +08:00
$('body').css({overflow: 'hidden'});
新增效果
2023-03-18 10:13:09 +08:00
$(window).on('load', function (callback) {
补充loading.js
2023-03-17 22:52:22 +08:00
setTimeout(function () {
$('body').css({overflow: 'auto'});
修改首页布局
2023-03-19 22:52:50 +08:00
$('#loading').fadeOut(500);
新增效果
2023-03-18 10:13:09 +08:00
new WOW().init();
callback && callback();
clearTimeout(loadTimer);
修正JS逻辑
2023-03-18 19:59:31 +08:00
}, 1000);
补充loading.js
2023-03-17 22:52:22 +08:00
});
阉割轮播图
2023-03-20 14:10:44 +08:00
</script>
first
2023-03-14 23:06:23 +08:00
</body>
</html>
Reference in New Issue Copy Permalink