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-18 18:13:54 +08:00
parent 97d69a862d
commit 175e737898
6 changed files with 121 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
Static/mdui-v1.0.1/css/ui.css
View File

@@ -15,7 +15,7 @@ a{
left: 0;
right: 0;
z-index: 10000;
background-color: #4d4a4a;
background-color: #cacaca;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
@@ -94,7 +94,7 @@ a{
-moz-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-image: url(https://img-cdn-cos.lolicon.team/IMAGES/1/2023/03/11/1x640c9526a3570.jpg/wp60);
background-image: url(https://img-cdn-cos.lolicon.team/1/2023/03/18/1x6415730a4ec05.webp/all70);
animation: run 60s linear infinite;
animation-direction: alternate;
@@ -117,7 +117,7 @@ a{
-moz-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-image: url(https://img-cdn-cos.lolicon.team/IMAGES/1/2023/03/11/1x640c9526a3570.jpg/wp60);
background-image: url(https://img-cdn-cos.lolicon.team/1/2023/03/18/1x6415730a4ec05.webp/all70);
}
@@ -347,12 +347,34 @@ body {
display: none;
}
}
@media (min-width: 1383px){
.slow-tree{
text-align: center;
margin: 0 auto;
margin-top: 490px;
margin-left: 15px;
margin-bottom: 45px;
max-width: 1408px;
border: 2px solid #585858;
border-radius: 15px;
backdrop-filter: blur(5px);
}
}
@media (max-width: 1384px){
.slow-tree{
display: none;
}
}
.slow h2{
padding: 35px 0px 35px 0px;
}
.slow-two h2{
padding: 35px 0px 35px 0px;
}
.slow-tree h2{
padding: 35px 0px 35px 0px;
}
.dnone{
display: none;
@@ -369,4 +391,28 @@ body {
}
.list-news h3{
margin-top: 1rem;
}
}
.border-radius-15{
border-radius: 15px;
}
@media (max-width: 1384px){
#player-card{
display: none;
}
}
/* 选中第1个#player-card */
#player-card:first-child{
margin-right: 0px;
}
#player-card{
float:right;
margin-right: 32px;
}
/* 选中最后一个#player-card */
#player-card:last-child{
margin-left: 15px;
}

4
contact.html
View File

@@ -112,7 +112,7 @@
<div class="mdui-hidden-xs-down zhe " style="height:100vh">
<div class="mdui-container">
<ul class="mdui-list">
<li class="mdui-list-item mdui-ripple mdui-shadow-12 wow animate__animated animate__fadeInRight" style="backdrop-filter: blur(8px);overflow-x:hidden">
<li class="border-radius-15 mdui-list-item mdui-ripple mdui-shadow-12 wow animate__animated animate__fadeInRight" style="backdrop-filter: blur(8px);overflow-x:hidden">
<a href="#">
<div class="mdui-list-item-content">
<a href="#">
@@ -133,7 +133,7 @@
<div style="width: 90%;height:100vh" class="mdui-center">
<div class="mdui-container">
<ul class="mdui-list">
<li class="mdui-list-item mdui-ripple mdui-shadow-12 wow animate__animated animate__fadeInRight" style="backdrop-filter: blur(8px);overflow-x:hidden">
<li class="border-radius-15 mdui-list-item mdui-ripple mdui-shadow-12 wow animate__animated animate__fadeInRight" style="backdrop-filter: blur(8px);overflow-x:hidden">
<a href="#">
<div class="mdui-list-item-content">
<div class="mdui-list-item-title">暂无内容</div>

50
index.html
View File

@@ -96,7 +96,7 @@
<!--pc text-->
<div class="mdui-hidden-xs-down zhe " style="height:200vh">
<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">
@@ -137,9 +137,9 @@
</button>
</div>
<div class="wow animate__animated animate__bounceIn slow mdui-shadow-24 mdui-ripple mdui-ripple-white">
<h2>冰浮岛</h2>
<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>
@@ -178,8 +178,48 @@
</div>
<div class="wow animate__animated animate__bounceIn slow-two mdui-shadow-24 mdui-ripple mdui-ripple-white c-scl ">
<h2>冰浮岛</h2>
<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>
@@ -240,7 +280,7 @@
new WOW().init();
callback && callback();
clearTimeout(loadTimer);
}, 5000);
}, 500);
});
</script>
</body>

2
message.html
View File

@@ -123,7 +123,7 @@
<div style="width: 90%;height:100vh" class="mdui-center">
<div class="mdui-container">
<ul class="mdui-list">
<li class="mdui-list-item mdui-ripple mdui-shadow-12" style="backdrop-filter: blur(8px);overflow-x:hidden">
<li class="border-radius-15 mdui-list-item mdui-ripple mdui-shadow-12" style="backdrop-filter: blur(8px);overflow-x:hidden">
<a href="#">
<div class="mdui-list-item-content">
<div class="mdui-list-item-title">这里暂时还什么都没有哦</div>

2
news.html
View File

@@ -114,7 +114,7 @@
<!--pc text-->
<div class="mdui-hidden-xs-down zhe " style="height:100vh">
<div class="mdui-hidden-xs-down zhe " style="height:300vh">
<div class="mdui-container">
<ul id="rss" class="mdui-list">

29
project.html
View File

@@ -112,22 +112,26 @@
<div class="mdui-hidden-xs-down zhe " style="height:100vh">
<div class="mdui-container">
<ul class="mdui-list">
<li class="mdui-list-item mdui-ripple mdui-shadow-12 wow animate__animated animate__fadeInRight" style="backdrop-filter: blur(8px);overflow-x:hidden">
<a href="#">
<li mdui-dialog="{target: '#example-2'}" class="border-radius-15 mdui-list-item mdui-ripple mdui-shadow-12 wow animate__animated animate__fadeInRight" style="backdrop-filter: blur(8px);overflow-x:hidden">
<div class="mdui-list-item-content">
<a href="#">
<div class="mdui-list-item-title">暂无内容</div>
<div class="mdui-list-item-title">宝塔面板主题 | 甘城なつき</div>
<div class="mdui-list-item-text mdui-list-item-one-line">
<span>2023-03-13</span>
<span>宝塔面板基础美化包，二次元党狂喜！即将推出动画包！</span>
</div>
</a>
</div>
</a>
</li>
</ul>
</div>
</div>
<div class="mdui-dialog" id="example-2">
<div class="mdui-dialog-title">是否要访问?</div>
<div class="mdui-dialog-content">宝塔面板主题 | 甘城なつき | 基础美化包.</div>
<div class="mdui-dialog-actions mdui-dialog-actions-stacked">
<button class="mdui-btn mdui-ripple" mdui-dialog-confirm>Yes Jump Now</button>
<button class="mdui-btn mdui-ripple" mdui-dialog-close>No thanks</button>
</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">
@@ -183,10 +187,21 @@
$('body').css({overflow: 'auto'});
$('#loading').fadeOut(1000);
new WOW().init();
var inst = new mdui.Dialog(selector, options);
callback && callback();
clearTimeout(loadTimer);
}, 500);
});
//example-2 confirm.mdui.dialog触发时执行
$('#example-2').on('confirm.mdui.dialog', function () {
//新建标签页
window.open('https://github.com/hanasaki-misaki/customBT');
});
</script>
</body>
</html>