调整主页样式布局

This commit is contained in:
liushuang 2025-08-08 01:14:58 +08:00
parent 9043f6beb0
commit c5cc61a854
4 changed files with 60 additions and 10 deletions

@ -30,7 +30,7 @@ a {
/****** Cover Page ******/ /****** Cover Page ******/
section.cover { section.cover {
padding-bottom: 112px; /* fixed footer (liu) height */ padding-bottom: 30px; /* fixed footer (liu) height */
height: auto; height: auto;
min-height: 100vh; min-height: 100vh;
/** /**
@ -46,7 +46,7 @@ section.cover .cover-main {
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
margin: 0; margin: 0;
padding: 32px 16px 0; /* padding: 0px 16px 0; */
} }
section.cover img { section.cover img {
@ -91,7 +91,7 @@ section.cover.show ~ .sidebar-toggle {
background: #ffffff; background: #ffffff;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; /* width: 100%; */
padding: 40px; padding: 40px;
z-index: 5; z-index: 5;
} }
@ -130,7 +130,7 @@ section.cover.show ~ .sidebar-toggle {
overflow: hidden; overflow: hidden;
transition: color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
vertical-align: baseline; vertical-align: baseline;
text-transform: uppercase; /* text-transform: uppercase; */
} }
.cover-main .buttons a:before, .cover-main .buttons a:before,
@ -378,11 +378,16 @@ body .sidebar-toggle span:nth-child(3) {
/****** FOOTER *******/ /****** FOOTER *******/
.footer { .footer {
color: #747a83; color: #747a83;
position: absolute; /* position: fixed;
bottom: -62%; bottom: 10px;
z-index: 10; z-index: 10;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%); */
z-index: 10;
width: 100%;
margin: 0 auto;
margin-top: 5%;
} }
.footer > a { .footer > a {
@ -467,3 +472,27 @@ body .sidebar-toggle span:nth-child(3) {
.icon-logo:before { .icon-logo:before {
content: '\e900'; content: '\e900';
} }
.skying-video {
width: 30%;
border-radius: 12px;
margin: 24px auto;
}
.header {
display: flex;
justify-content: space-between;
width: 100%;
padding: 20px 10%;
}
.doc {
position: fixed;
top: 8%;
right: 8%;
}
.doc img {
width: 20px;
height: 20px;
}

@ -1,3 +1,14 @@
<!-- <div class="header">
<div class="header-left">首页</div>
<div class="header-right">文档</div>
</div> -->
<div class="doc">
<a href="#/README">
<img src="_media/svg/doc.svg" />
</a>
</div>
<div class="liu-logo"> <div class="liu-logo">
<div class="logo"></div> <div class="logo"></div>
</div> </div>
@ -9,13 +20,22 @@
<!-- ![logo](./_media/logo.png) --> <!-- ![logo](./_media/logo.png) -->
- 操作手册 <!-- - 操作手册
- 技术文档 - 技术文档 -->
<video class="skying-video" autoplay loop muted playsinline>
<source src="./_media/video/skying.mp4" type="video/mp4">
</video>
<div class="buttons"> <div class="buttons">
<a href="https://git.luckday.cn" target="_blank"><span>Windows 下载</span></a>
<a href="#/README"><span>Mac 下载</span></a>
</div>
<!-- <div class="buttons">
<a href="https://git.luckday.cn" target="_blank"><span>Git</span></a> <a href="https://git.luckday.cn" target="_blank"><span>Git</span></a>
<a href="#/README"><span>Get Started</span></a> <a href="#/README"><span>Get Started</span></a>
</div> </div> -->
<div class="footer">Copyright ©2023 luckday 版权所有 <a href="https://beian.miit.gov.cn/"> 鄂ICP备2023000371号 </a></div> <div class="footer">Copyright ©2023 luckday 版权所有 <a href="https://beian.miit.gov.cn/"> 鄂ICP备2023000371号 </a></div>

1
_media/svg/doc.svg Normal file

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1673712313920" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13299" xmlns:xlink="http://www.w3.org/1999/xlink" width="22" height="22"><path d="M947.701961 623.435294l-694.713725 0q-11.043137 0-23.090196 6.023529t-22.588235 18.070588-17.066667 28.611765-6.52549 37.647059 5.521569 39.152941 14.556863 32.12549 22.086275 22.086275 28.109804 8.031373l693.709804 0q-12.047059-12.047059-21.082353-27.105882-8.031373-13.05098-14.556863-31.121569t-6.52549-41.160784q0-26.101961 6.52549-43.168627t14.556863-28.109804q9.035294-12.047059 21.082353-21.082353zM947.701961 897.505882q0 17.066667-22.086275 17.066667l-733.866667 0q-34.133333 0-57.223529-14.054902t-37.647059-38.65098-20.580392-58.729412-6.023529-73.286275l0-582.27451q0-77.301961 41.160784-111.937255t117.458824-34.635294l34.133333 0 68.266667 0 93.364706 0q51.2 0 104.909804-0.501961t104.909804-0.501961l94.368627 0 70.27451 0 35.137255 0q28.109804 0 49.192157 11.545098t35.137255 32.12549 21.584314 48.690196 7.529412 60.235294l0 406.588235q-191.74902 0-345.34902-1.003922l-128.501961 0q-64.25098 0-114.94902-0.501961t-83.827451-0.501961l-37.145098 0q-21.082353 0-41.160784 12.54902t-36.141176 34.133333-26.101961 50.196078-10.039216 59.733333q0 38.14902 10.541176 68.768627t27.607843 51.701961 37.647059 32.627451 40.658824 11.545098l685.678431 0q8.031373 0 14.556863 4.517647t6.52549 14.556863zM515.011765 0l0 388.517647 77.301961-108.423529 76.298039 108.423529 0-388.517647-153.6 0z" fill="red"></path></svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
_media/video/skying.mp4 Normal file

Binary file not shown.