diff options
| -rw-r--r-- | assets/css/components/_card.scss | 14 | ||||
| -rw-r--r-- | layouts/cards/section.html | 41 | ||||
| -rw-r--r-- | layouts/fictions/section.html | 2 |
3 files changed, 35 insertions, 22 deletions
diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss index 8e03cc1d..9b89797e 100644 --- a/assets/css/components/_card.scss +++ b/assets/css/components/_card.scss @@ -78,7 +78,7 @@ } } -.cards-section { +.cards-grid { display: grid; grid-template-columns: 1fr; gap: 1rem; @@ -86,13 +86,25 @@ grid-template-columns: 1fr 1fr; } .card { + font-size: 85%; + line-height: 1.8; margin: 0; h3 { + font-size: 1.2rem; margin: 0; } } } +.cards-list { + display: flex; + gap: 1rem; + flex-wrap: wrap; + justify-content: space-around; + list-style: none; + font-size: 1.2rem; +} + #latest-cards { margin: 1rem 0; .latest-cards-container { diff --git a/layouts/cards/section.html b/layouts/cards/section.html index 4ec8f4ee..89ec474b 100644 --- a/layouts/cards/section.html +++ b/layouts/cards/section.html @@ -1,24 +1,25 @@ {{ define "main" }} - <article class="card-list"> - {{ partial "header.html" . }} - <div class="cards-section outbox small"> - {{- $cards := .Site.GetPage "section" "cards" }} <!-- 获取 "cards" 部分的内容 --> - {{- $paginator := .Paginate $cards.Pages 10 }} <!-- 对该部分内容进行分页 --> - {{- range $paginator.Pages }} - {{ partial "items/card" (dict "context" . "summary" true) }} - {{- end }} - </div> +<article> + {{ partial "header.html" . }} + + {{- $cards := .Site.GetPage "section" "cards" }} + {{- $pages := $cards.Pages }} + {{- $featured := first 6 $pages }} + {{- $rest := after 6 $pages }} + <div class="cards-grid outbox small"> + {{- range $featured }} + {{ partial "items/card" (dict "context" . "summary" true) }} + {{- end }} + </div> + + <ul class="cards-list"> + {{- range $rest }} + <li> + <a href="{{ .RelPermalink }}">{{ .Title }}</a> + </li> + {{- end }} + </ul> - <!-- 分页导航 --> - <div class="pagination"> - {{ if $paginator.HasPrev }} - <a href="{{ $paginator.Prev.URL }}" class="pagination-prev">👈</a> - {{ end }} - <div style="width:100%"></div> - {{ if $paginator.HasNext }} - <a href="{{ $paginator.Next.URL }}" class="pagination-next">👉</a> - {{ end }} - </div> - </article> {{ partial "footer.html" . }} +</article> {{ end }} diff --git a/layouts/fictions/section.html b/layouts/fictions/section.html index f489e3fc..1ce0be54 100644 --- a/layouts/fictions/section.html +++ b/layouts/fictions/section.html @@ -6,7 +6,7 @@ {{ with .Content }}{{ . }}{{ end }} </div> <div class="fiction-list"> - {{- $fictions := .Site.GetPage "section" "fictions" }} <!-- 获取 "cards" 部分的内容 --> + {{- $fictions := .Site.GetPage "section" "fictions" }} {{- range $fictions.Pages }} <div class="fiction-item" style="view-transition-name: post-{{ .File.UniqueID }}"> <a href="{{ .Permalink }}">《{{ .Title }}》</a> |