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

public/css/page/index.css

@@ -1,7 +1,33 @@
 .home-hero {
     margin: 20px 20px 40px;
-    background: rgba(255, 255, 255, 0.1);
+    /* background: rgba(255, 255, 255, 0.1);
-    backdrop-filter: blur(12px);
+    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) {
@@ -10,3 +36,4 @@
         margin-top: 20px;
     }
 }
+                              

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);
+    background: rgba(255, 255, 255, 0.1);
-    backdrop-filter: blur(18px);
+    backdrop-filter: blur(12px);
     color: #fff;
 }
 

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;

src/views/page/about/index.pug

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

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}
+    

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}