调整主页样式布局
This commit is contained in:
parent
9043f6beb0
commit
c5cc61a854
@ -30,7 +30,7 @@ a {
|
||||
|
||||
/****** Cover Page ******/
|
||||
section.cover {
|
||||
padding-bottom: 112px; /* fixed footer (liu) height */
|
||||
padding-bottom: 30px; /* fixed footer (liu) height */
|
||||
height: auto;
|
||||
min-height: 100vh;
|
||||
/**
|
||||
@ -46,7 +46,7 @@ section.cover .cover-main {
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
margin: 0;
|
||||
padding: 32px 16px 0;
|
||||
/* padding: 0px 16px 0; */
|
||||
}
|
||||
|
||||
section.cover img {
|
||||
@ -91,7 +91,7 @@ section.cover.show ~ .sidebar-toggle {
|
||||
background: #ffffff;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
/* width: 100%; */
|
||||
padding: 40px;
|
||||
z-index: 5;
|
||||
}
|
||||
@ -130,7 +130,7 @@ section.cover.show ~ .sidebar-toggle {
|
||||
overflow: hidden;
|
||||
transition: color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
vertical-align: baseline;
|
||||
text-transform: uppercase;
|
||||
/* text-transform: uppercase; */
|
||||
}
|
||||
|
||||
.cover-main .buttons a:before,
|
||||
@ -378,11 +378,16 @@ body .sidebar-toggle span:nth-child(3) {
|
||||
/****** FOOTER *******/
|
||||
.footer {
|
||||
color: #747a83;
|
||||
position: absolute;
|
||||
bottom: -62%;
|
||||
/* position: fixed;
|
||||
bottom: 10px;
|
||||
z-index: 10;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%); */
|
||||
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
margin-top: 5%;
|
||||
}
|
||||
|
||||
.footer > a {
|
||||
@ -467,3 +472,27 @@ body .sidebar-toggle span:nth-child(3) {
|
||||
.icon-logo:before {
|
||||
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="logo"></div>
|
||||
</div>
|
||||
@ -9,13 +20,22 @@
|
||||
|
||||
<!--  -->
|
||||
|
||||
- 操作手册
|
||||
- 技术文档
|
||||
<!-- - 操作手册
|
||||
- 技术文档 -->
|
||||
|
||||
<video class="skying-video" autoplay loop muted playsinline>
|
||||
<source src="./_media/video/skying.mp4" type="video/mp4">
|
||||
</video>
|
||||
|
||||
<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="#/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>
|
||||
|
||||
|
1
_media/svg/doc.svg
Normal file
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
BIN
_media/video/skying.mp4
Normal file
Binary file not shown.
Loading…
Reference in New Issue
Block a user