@@ -4,6 +4,8 @@ import type { CollectionKey, InferEntrySchema } from 'astro:content'
44import config from ' virtual:config'
55
66import avatar from ' @/assets/avatar.jpeg' // 根据实际路径调整
7+
8+ import human from ' @/assets/human.webp'
79import signature from ' @/assets/signature.svg'
810
911import { cn , getFormattedDate , showToast } from ' ../../utils'
@@ -50,12 +52,11 @@ const showToastStr = showToast.toString()
5052 className
5153 )}
5254>
53- <Icon class =' absolute end-4 top-4 size-20 opacity-10' name =' copyright' />
5455 <Image
55- src ={ signature }
56- alt =" `catcodeme`: generate by signature.cnrad.dev, animation by Claude AI "
57- class =" absolute bottom-0 right-0 w-24 h-auto opacity-50 md:w-48 "
58- loading =" lazy"
56+ src ={ human }
57+ alt =' this svg find at here: https://www.introvertdrawingclub.com/p/human-intelligence-badge '
58+ class =' absolute end-4 top-4 size-20 bottom-0 right-3 w-15 h-auto md:w-24 '
59+ loading =' lazy'
5960 />
6061
6162 { /* title & link */ }
@@ -65,7 +66,9 @@ const showToastStr = showToast.toString()
6566 </div >
6667
6768 { /* common info */ }
68- <div class =' flex flex-col gap-y-2 sm:flex-row sm:flex-wrap sm:justify-start sm:gap-x-8 sm:gap-y-1' >
69+ <div
70+ class =' flex flex-col gap-y-2 sm:flex-row sm:flex-wrap sm:justify-start sm:gap-x-8 sm:gap-y-1'
71+ >
6972 { /* 小屏幕布局:垂直排列 */ }
7073 <div class =' flex flex-col gap-y-2 sm:hidden' >
7174 { /* 图片 + Author 名称在一行 */ }
@@ -81,20 +84,22 @@ const showToastStr = showToast.toString()
8184 <span >Author</span >
8285 <span class =' text-sm text-foreground' >{ config .author } </span >
8386 </div >
84-
87+
8588 { /* Published at 另起一行 */ }
86- { publishDate && (
87- <div class = ' flex items-center gap-x-2' >
88- <span >Published at</span >
89- <span class = ' text-sm text-foreground' >
90- { getFormattedDate (publishDate , {
91- month: ' long'
92- })}
93- </span >
94- </div >
95- )}
89+ {
90+ publishDate && (
91+ <div class = ' flex items-center gap-x-2' >
92+ <span >Published at</span >
93+ <span class = ' text-sm text-foreground' >
94+ { getFormattedDate (publishDate , {
95+ month: ' long'
96+ })}
97+ </span >
98+ </div >
99+ )
100+ }
96101 </div >
97-
102+
98103 { /* 大屏幕布局:保持原有的图片切换效果 */ }
99104 <div class =' hidden sm:flex sm:items-center sm:gap-x-2 sm:flex-col' >
100105 <div class =' relative group h-12 sm:min-w-16' >
0 commit comments