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 | 700114074a46697700e0819e9abbcf01bd14d2c5 (patch) | |
| tree | 92963ca721c5419f6ba55d11e1e2526afb4bac04 /layouts/_partials/header.html | |
| parent | bd8220ef4b07ace6bada612c147685011b90b2b5 (diff) | |
feat: display a quote when hovering site logo
Diffstat (limited to 'layouts/_partials/header.html')
| -rw-r--r-- | layouts/_partials/header.html | 16 |
1 files changed, 15 insertions, 1 deletions
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 }}/" |