diff options
| author | Eltrac <hi@guhub.cn> | 2025-09-08 13:27:31 +0800 |
|---|---|---|
| committer | Eltrac <hi@guhub.cn> | 2025-09-08 13:27:31 +0800 |
| commit | 4fe8e6d236c69340617c57ce0d5e4f746c6eeeca (patch) | |
| tree | 92963ca721c5419f6ba55d11e1e2526afb4bac04 | |
| parent | 6073a630e1b10733932322524f5e8917e9c4a2bf (diff) | |
feat: display a quote when hovering site logo
Former-commit-id: 700114074a46697700e0819e9abbcf01bd14d2c5
| -rw-r--r-- | i18n/en.yml | 3 | ||||
| -rw-r--r-- | i18n/zh.yml | 3 | ||||
| -rw-r--r-- | layouts/_partials/header.html | 16 |
3 files changed, 21 insertions, 1 deletions
diff --git a/i18n/en.yml b/i18n/en.yml index 8c49e8ec..9f5937e2 100644 --- a/i18n/en.yml +++ b/i18n/en.yml @@ -32,3 +32,6 @@ emailMe: If you prefer one-on-one communication, or just want to say hello, feel termFilterButton: hideWeekly: I'll deal with scarecrows. reverseOrder: Push to reverse time. +homePageQuote: + content: 'To labor in the arts for any reason other than **love** is prostitution.' + source: '——《The War of Art》' diff --git a/i18n/zh.yml b/i18n/zh.yml index 1d8b54b2..9150bdaa 100644 --- a/i18n/zh.yml +++ b/i18n/zh.yml @@ -32,3 +32,6 @@ emailMe: 如果你偏好一对一的沟通，或者只是想打个招呼，欢 termFilterButton: hideWeekly: 我帮你解决稻草人 reverseOrder: 按下以逆转时间 +homePageQuote: + content: '除了**爱**，出于任何其他原因而从事艺术创作，都是**卖淫**。' + source: '——《[一生之敌](/library/2025/一生之敌/)》' diff --git a/layouts/_partials/header.html b/layouts/_partials/header.html index 61b850e7..df3b6d5a 100644 --- a/layouts/_partials/header.html +++ b/layouts/_partials/header.html @@ -1,7 +1,21 @@ <header class="pagefind-exclude"> <!-- Header Title --> <div class="flex flex-col items-center gap-2"> - {{ partial "components/logo" (dict "imageClass" "w-[10rem]") }} + <div class="group relative w-full flex flex-col items-center"> + <div class="group-hover:opacity-30 transition-opacity duration-500"> + {{ partial "components/logo" (dict "imageClass" "w-[10rem]") }} + </div> + <div class="opacity-0 group-hover:opacity-100 transition-opacity duration-500 + w-[20rem] absolute top-0 bottom-0 + flex flex-col items-center justify-center markdown-body"> + <p class="text-center text-xl font-extrabold font-italic"> + {{ T "homePageQuote.content" . | markdownify }} + </p> + <p class="w-full m-0 text-right text-sm text-secondary"> + {{ T "homePageQuote.source" . | markdownify }} + </p> + </div> + </div> <a class="text-8 font-900 text-center tracking-widest xerox hover:no-underline" href="{{ .Site.LanguagePrefix }}/" |