diff options
| author | Eltrac <hi@guhub.cn> | 2025-04-01 11:16:04 +0800 |
|---|---|---|
| committer | Eltrac <hi@guhub.cn> | 2025-04-01 11:16:04 +0800 |
| commit | 88ca2dea230c2f92d697c3ddb676962a74b72a57 (patch) | |
| tree | e267776d60a070581cb5a85c39be100c9f4c9078 | |
| parent | 2c08db1b47d2c85dae11c66d97962e7f375262a7 (diff) | |
feat: view transition of card and library page
also, remove breadcrumbs
| -rw-r--r-- | layouts/cards/section.html | 3 | ||||
| -rw-r--r-- | layouts/cards/single.html | 5 | ||||
| -rw-r--r-- | layouts/library/section.html | 3 | ||||
| -rw-r--r-- | layouts/library/single.html | 5 |
4 files changed, 10 insertions, 6 deletions
diff --git a/layouts/cards/section.html b/layouts/cards/section.html index 75a11a1b..380faf28 100644 --- a/layouts/cards/section.html +++ b/layouts/cards/section.html @@ -3,7 +3,8 @@ {{ partial "header.html" . }} <div id="cards-section"> {{- range .Pages }} - <div class="card"> + <div class="card" + style="view-transition-name: card-{{ .File.UniqueID }}"> <div class="card-header"> <h3 class="card-title"> <a href="{{ .Permalink }}" class="card-title-link">{{ .Title }}</a> diff --git a/layouts/cards/single.html b/layouts/cards/single.html index cdfb4064..2eb274f3 100644 --- a/layouts/cards/single.html +++ b/layouts/cards/single.html @@ -3,9 +3,10 @@ class="card-page {{ .Site.Language.LanguageName }}" id="article" > - {{ partial "components/breadcrumbs.html" . }} + {{ partial "header.html" . }} <div id="post-content" class="post-content"> - <div class="card markdown-body"> + <div class="card markdown-body" + style="view-transition-name: card-{{ .File.UniqueID }}"> <a href="{{ .Permalink }}" class="card-corner"></a> <!-- 右上角折角 --> <div class="card-header"> <h3 class="card-title">{{ .Title }}</h3> diff --git a/layouts/library/section.html b/layouts/library/section.html index 7d824879..153ed839 100644 --- a/layouts/library/section.html +++ b/layouts/library/section.html @@ -9,7 +9,8 @@ <div class="book{{ if eq .Params.rating 1 }} badbook{{ end }}{{ if eq .Params.rating 5 }} goodbook{{ end }}"> <a href="{{ .Permalink }}" class="book-cover" style="view-transition-name: book-{{ .Title }}"> <img src="{{ .Params.cover }}!thumbnail" - class="lazy" data-src="{{ .Params.cover }}" /> + class="lazy" data-src="{{ .Params.cover }}" + style="view-transition-name: book-{{ .File.UniqueID }}" /> </a> </div> {{ end }} diff --git a/layouts/library/single.html b/layouts/library/single.html index 3a80dbe6..4927ad71 100644 --- a/layouts/library/single.html +++ b/layouts/library/single.html @@ -1,8 +1,9 @@ {{ define "main" }} <article id="book-page"> - {{ partial "components/breadcrumbs.html" . }} + {{ partial "header.html" . }} <div class="markdown-body book-body"> - <div class="book-cover"> + <div class="book-cover" + style="view-transition-name: book-{{ .File.UniqueID }}"> <img src="{{ .Params.cover }}" /> </div> <h3 class="book-title">{{ .Title }}</h3> |