From 272664295e4fcba180924e3b365aed93697c1475 Mon Sep 17 00:00:00 2001 From: npmrun <1549469775@qq.com> Date: Wed, 2 Jul 2025 00:06:32 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=E5=92=8C=E5=B8=83=E5=B1=80=EF=BC=8C=E4=BC=98=E5=8C=96=E9=A6=96?= =?UTF-8?q?=E9=A1=B5=E5=92=8C=E5=85=B3=E4=BA=8E=E6=88=91=E4=BB=AC=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2=E7=9A=84=E5=B1=95=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- database/development.sqlite3-shm | Bin 32768 -> 32768 bytes public/css/page/index.css | 33 ++++++++++++++++++++++++++++++--- public/styles.css | 4 ++-- src/views/htmx/footer.pug | 4 +++- src/views/page/about/index.pug | 2 +- src/views/page/index copy/index.pug | 10 ++++++++++ src/views/page/index/index.pug | 5 ++++- 7 files changed, 50 insertions(+), 8 deletions(-) create mode 100644 src/views/page/index copy/index.pug diff --git a/database/development.sqlite3-shm b/database/development.sqlite3-shm index e97f00a5b63eee207049dbfb515df1f6ba9dd98a..25096a70d5036b7e7dae7f958354f85990a5abb3 100644 GIT binary patch delta 55 ucmZo@U}|V!;*@x#%K!!wIpqa&YbL~`KY#QFS&$VhI5Ae4F@IxYeLVoMUl76o delta 55 vcmZo@U}|V!;*@x#%K!o_6FKDt7uHOO+5P;{8)QLNu;9d4WybW4jrH{a$cquu diff --git a/public/css/page/index.css b/public/css/page/index.css index fdc3fa9..9a261ff 100644 --- a/public/css/page/index.css +++ b/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; } -} \ No newline at end of file +} + \ No newline at end of file diff --git a/public/styles.css b/public/styles.css index 14841b6..8597318 100644 --- a/public/styles.css +++ b/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; } diff --git a/src/views/htmx/footer.pug b/src/views/htmx/footer.pug index ce17895..c3c8940 100644 --- a/src/views/htmx/footer.pug +++ b/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; diff --git a/src/views/page/about/index.pug b/src/views/page/about/index.pug index 33521c8..814acc2 100644 --- a/src/views/page/about/index.pug +++ b/src/views/page/about/index.pug @@ -1,4 +1,4 @@ -extends /layouts/page.pug +extends /layouts/pure.pug block pageContent .about-container diff --git a/src/views/page/index copy/index.pug b/src/views/page/index copy/index.pug new file mode 100644 index 0000000..97b371c --- /dev/null +++ b/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} + diff --git a/src/views/page/index/index.pug b/src/views/page/index/index.pug index 97b371c..63b0813 100644 --- a/src/views/page/index/index.pug +++ b/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}