feat: better card section page

- show 2 cards on one row
- show card statistics
- use wider container for the page

2 files changed, 11 insertions, 3 deletions

diff --git a/layouts/_default/term.html b/layouts/_default/term.html
index 7cab2827..4d6fe390 100644
--- a/layouts/_default/term.html
+++ b/layouts/_default/term.html
@@ -24,7 +24,7 @@
                 </li>
                 {{ end }}
             </ul>
-            <div class="term-list-cards">
+            <div class="term-list-cards cards-section">
                 {{ range where .Pages "Section" "eq" "cards" }}
                 <div class="card">
                     <h3>
diff --git a/layouts/cards/section.html b/layouts/cards/section.html
index 61e01516..1e7254e3 100644
--- a/layouts/cards/section.html
+++ b/layouts/cards/section.html
@@ -1,9 +1,17 @@
 {{ define "main" }}
     <article class="card-list">
         {{ partial "header.html" . }}
-        <div id="cards-section">
+        <div class="cards-statistics markdown-body">
+            <table>
+                <tr>
+                    <td>卡片数量</td>
+                    <td><span class="number-pill">{{ len .Pages }}</span></td>
+                </tr>
+            </table>
+        </div>
+        <div class="cards-section outbox small">
             {{- $cards := .Site.GetPage "section" "cards" }}  <!-- 获取 "cards" 部分的内容 -->
-            {{- $paginator := .Paginate $cards.Pages 8 }}  <!-- 对该部分内容进行分页 -->
+            {{- $paginator := .Paginate $cards.Pages 10 }}  <!-- 对该部分内容进行分页 -->
             {{- range $paginator.Pages }}
             <div class="card"
                 style="view-transition-name: card-{{ .File.UniqueID }}">