From 88ca2dea230c2f92d697c3ddb676962a74b72a57 Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Tue, 1 Apr 2025 11:16:04 +0800
Subject: feat: view transition of card and library page

also, remove breadcrumbs
---
 layouts/cards/section.html   | 3 ++-
 layouts/cards/single.html    | 5 +++--
 layouts/library/section.html | 3 ++-
 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>
-- 
cgit v1.2.3