diff options
Diffstat (limited to 'layouts')
| -rw-r--r-- | layouts/_partials/components/tags.html | 2 | ||||
| -rw-r--r-- | layouts/_partials/home/latest-cards.html | 8 | ||||
| -rw-r--r-- | layouts/_partials/items/card.html | 10 | ||||
| -rw-r--r-- | layouts/_shortcodes/card.html | 23 | ||||
| -rw-r--r-- | layouts/cards/section.html | 4 | ||||
| -rw-r--r-- | layouts/cards/single.html | 14 |
6 files changed, 24 insertions, 37 deletions
diff --git a/layouts/_partials/components/tags.html b/layouts/_partials/components/tags.html index 6ff7f594..b08230d9 100644 --- a/layouts/_partials/components/tags.html +++ b/layouts/_partials/components/tags.html @@ -1,3 +1,3 @@ {{ range .Params.tags }} -<a class="tag" href="{{ site.LanguagePrefix }}/tags/{{ lower . | urlize }}/">#{{ . }}</a> +<a class="tag font-secondary no-underline!" href="{{ site.LanguagePrefix }}/tags/{{ lower . | urlize }}/">#{{ . }}</a> {{ end }} diff --git a/layouts/_partials/home/latest-cards.html b/layouts/_partials/home/latest-cards.html index bad3a27e..78a8a515 100644 --- a/layouts/_partials/home/latest-cards.html +++ b/layouts/_partials/home/latest-cards.html @@ -1,11 +1,13 @@ {{ if eq .Site.Language.Lang "zh" }} <!-- Latest Cards --> -<section id="latest-cards"> - <div class="latest-cards-container"> +<section class="my-[1rem]"> + <div class="p-[5px] flex w-full overflow-x-auto gap-[1rem] items-stretch"> {{- $cards := .Site.GetPage "section" "cards" }} <!-- 获取 "cards" 部分的内容 --> {{- $paginator := .Paginate $cards.Pages 4 }} <!-- 对该部分内容进行分页 --> {{- range $paginator.Pages }} - {{ partial "items/card" (dict "context" . "summary" true) }} + <div class="flex-shrink-0 w-[50%]"> + {{ partial "items/card" (dict "context" . "summary" true) }} + </div> {{- end }} </div> <div style="margin: 1rem 0"> diff --git a/layouts/_partials/items/card.html b/layouts/_partials/items/card.html index b8a3c7c1..b66bf676 100644 --- a/layouts/_partials/items/card.html +++ b/layouts/_partials/items/card.html @@ -1,18 +1,18 @@ {{ $ctx := .context }} {{ $showSummary := .summary }} -<div class="card markdown-body post-content" +<div class="relative p-[1.5rem] bg-white dark:bg-neutral-800 rounded-lg shadow-md border border-gray-200 dark:border-gray-700" style="view-transition-name: card-{{ $ctx.File.UniqueID }}"> <div class="card-header"> - <h3 class="card-title" + <h3 class="text-xl font-extrabold m-0 text-gray-900 dark:text-gray-100" data-pagefind-meta="title" data-pagefind-sort="date[data-date], weight[data-weight]" data-date="{{ .Date.Format "2006-01-02" }}" data-weight="5"> - <a href="{{ $ctx.RelPermalink }}">{{ $ctx.Title }}</a> + <a href="{{ $ctx.RelPermalink }}" class="no-underline! text-[var(--text-color)]!">{{ $ctx.Title }}</a> </h3> - <div class="card-tags">{{ partial "components/tags" $ctx }}</div> + <div class="text-base m-0">{{ partial "components/tags" $ctx }}</div> </div> - <div class="card-content"> + <div class="text-lg mt-2 markdown-body"> {{ if $showSummary }}{{ $ctx.Summary }}{{ else }}{{ $ctx.Content }}{{ end }} </div> </div> diff --git a/layouts/_shortcodes/card.html b/layouts/_shortcodes/card.html index a860b72c..e98d50ba 100644 --- a/layouts/_shortcodes/card.html +++ b/layouts/_shortcodes/card.html @@ -2,27 +2,8 @@ {{- $hideHeader := .Get 1 | default "false" | lower -}} {{- if $card }} - <div class="card"> - <a href="{{ $card.Permalink }}" class="card-corner"></a> <!-- 右上角折角 --> - - {{- if ne $hideHeader "true" }} - <div class="card-header"> - <h3 class="card-title">{{ $card.Title }}</h3> - {{- if $card.Params.tags }} - <p class="card-tags"> - {{- range $card.Params.tags }} - <a href="{{ "/tags/" | relURL }}{{ . | urlize }}" class="card-tag">#{{ . }}</a> - {{- end }} - </p> - {{- end }} - </div> - {{- end }} - - <div class="card-content"> - {{- with $card.Content }} - {{ . }} - {{- end }} - </div> + <div class="my-2"> + {{ partial "items/card" (dict "context" $card) }} </div> {{- else }} <p style="color: red;">⚠️ 无法找到卡片: {{ .Get 0 }}</p> diff --git a/layouts/cards/section.html b/layouts/cards/section.html index 89ec474b..58ae859c 100644 --- a/layouts/cards/section.html +++ b/layouts/cards/section.html @@ -6,13 +6,13 @@ {{- $pages := $cards.Pages }} {{- $featured := first 6 $pages }} {{- $rest := after 6 $pages }} - <div class="cards-grid outbox small"> + <div class="grid! md:grid-cols-2 gap-[1rem] outbox small"> {{- range $featured }} {{ partial "items/card" (dict "context" . "summary" true) }} {{- end }} </div> - <ul class="cards-list"> + <ul class="flex gap-[1rem] flex-wrap justify-around list-none text-[1.2rem]"> {{- range $rest }} <li> <a href="{{ .RelPermalink }}">{{ .Title }}</a> diff --git a/layouts/cards/single.html b/layouts/cards/single.html index 0b269bca..3ff2c5eb 100644 --- a/layouts/cards/single.html +++ b/layouts/cards/single.html @@ -1,6 +1,10 @@ {{ define "main" }} - <article class="card-page"> - {{ partial "components/logo" (dict "link" "cards") }} + <article class="relative"> + {{ partial "components/logo" (dict + "link" "cards" + "class" "round-sticker absolute top-[-1rem] right-[-1rem] w-[4rem] h-[4rem] z-1 rotate-[-5deg]" + "imageClass" "w-full" + ) }} {{ partial "items/card" (dict "context" .) }} {{- /* 查询引用了这个卡片的文章 */ -}} @@ -15,9 +19,9 @@ {{- /* 如果有文章引用这个卡片，就显示它们 */ -}} {{ if gt (len $referencedBy) 0 }} - <section class="related-posts post-content"> - <h2>引用了本卡片的文章</h2> - <ul> + <section class="related-posts post-content my-5"> + <h2 class="text-[1.2rem] font-secondary m-0">引用了本卡片的文章</h2> + <ul class="m-0"> {{- range $referencedBy }} <li> <a href="{{ .Permalink }}">{{ .Title }}</a> |