Browse Source

feat: 更新样式和布局,优化首页和关于我们页面的展示

route
npmrun 1 month ago
parent
commit
272664295e
  1. BIN
      database/development.sqlite3-shm
  2. 33
      public/css/page/index.css
  3. 4
      public/styles.css
  4. 4
      src/views/htmx/footer.pug
  5. 2
      src/views/page/about/index.pug
  6. 10
      src/views/page/index copy/index.pug
  7. 5
      src/views/page/index/index.pug

BIN
database/development.sqlite3-shm

Binary file not shown.

33
public/css/page/index.css

@ -1,7 +1,33 @@
.home-hero {
margin: 20px 20px 40px;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(12px);
/* background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(12px); */
text-align: center;
}
.avatar-container {
width: 100px;
height: 100px;
margin: 0 auto;
}
.avatar-container .author{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.avatar-container:hover .avatar {
transform: rotate(360deg);
left: 100%;
}
.avatar {
position: relative;
width: 100%;
height: 100%;
border-radius: 50%;
cursor: pointer;
left: 0;
transform-origin: center center;
transition: 0.5s transform ease-in-out, 0.5s left ease-in-out;
}
@media screen and (max-width: 768px) {
@ -9,4 +35,5 @@
margin: 0;
margin-top: 20px;
}
}
}

4
public/styles.css

@ -120,8 +120,8 @@ body::after {
.card {
padding: 56px 40px 44px 40px;
border-radius: 28px;
background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(18px);
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(12px);
color: #fff;
}

4
src/views/htmx/footer.pug

@ -3,6 +3,8 @@
p © 2023-#{new Date().getFullYear()} #{$site.site_title}. 保留所有权利。
ul.footer-links
li
a(href="/") 首页
li
a(href="/about") 关于我们
//- li
//- a(href="/contact") 联系方式
@ -10,7 +12,7 @@
//- a(href="/privacy") 隐私
style.
.footer-panel {
background: rgba(34,34,34,.3);
background: rgba(34,34,34,.25);
backdrop-filter: blur(12px);
color: #eee;
padding: 40px 0 24px 0;

2
src/views/page/about/index.pug

@ -1,4 +1,4 @@
extends /layouts/page.pug
extends /layouts/pure.pug
block pageContent
.about-container

10
src/views/page/index copy/index.pug

@ -0,0 +1,10 @@
extends /layouts/page.pug
block pageHead
+css("css/page/index.css")
block pageContent
.card.home-hero
h1 #{$site.site_title}
p.subtitle #{$site.site_description}

5
src/views/page/index/index.pug

@ -1,10 +1,13 @@
extends /layouts/page.pug
extends /layouts/pure.pug
block pageHead
+css("css/page/index.css")
block pageContent
.card.home-hero
.avatar-container
.author 罗非鱼
img.avatar(src="https://alist.xieyaxin.top/p/%E6%B8%B8%E5%AE%A2%E6%96%87%E4%BB%B6/%E5%85%AC%E5%85%B1%E4%BF%A1%E6%81%AF/avatar.jpg", alt="")
h1 #{$site.site_title}
p.subtitle #{$site.site_description}

Loading…
Cancel
Save