Akatsuki-Misaki/Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

阉割轮播图

Browse Source
This commit is contained in:
hanasaki-misaki
2023-03-20 14:10:44 +08:00
parent 526f44ebf5
commit 676baa6ca7
5 changed files with 158 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
index.html
View File

@@ -100,44 +100,20 @@
<div class="mdui-hidden-xs-down backdrop-filter-5" style="height:260vh ">
<!-- Carousel Start -->
<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 banner-x">
<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>
<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>
</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>
</section>
<!-- Carousel End -->
<!-- Our Features Start -->
<div class="wow animate__animated animate__fadeInLeft" data-wow-delay="200ms">
@@ -248,31 +224,21 @@
<!-- Mobile Text Start -->
<div class="mdui-hidden-sm-up backdrop-filter-5 " 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 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>
</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>
</section>
</div>
<!-- Mobile Text End -->
@@ -291,12 +257,11 @@
</footer>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.min.js"></script>
<script src="Static\mdui-v1.0.1\js\area.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" type="text/javascript"></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动画
@@ -310,7 +275,7 @@
clearTimeout(loadTimer);
}, 1000);
});
</script>
</script>
</body>
</html>