From ef9ab146ce1518a605b5918960bdd25ee696c662 Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Fri, 25 Apr 2025 22:36:33 +0800
Subject: feat: separate cards and other pages in term page

Former-commit-id: 33198f399b7f85f235a4e1235af46cbced33a1a9
---
 assets/css/components/_postlist.scss | 18 +++++++++++++++++-
 layouts/_default/term.html           | 19 ++++++++++++++++---
 2 files changed, 33 insertions(+), 4 deletions(-)

diff --git a/assets/css/components/_postlist.scss b/assets/css/components/_postlist.scss
index d3df207b..5cc30856 100644
--- a/assets/css/components/_postlist.scss
+++ b/assets/css/components/_postlist.scss
@@ -105,7 +105,7 @@
 }
 
 .term-list {
-    ul {
+    .term-list-posts {
         list-style: none;
         padding-inline-start: 0;
         display: flex;
@@ -120,6 +120,22 @@
                 font-family: var(--mono-font-family);
                 color: var(--secondary-text-color);
             }
+            .posts-subtitle {
+                color: var(--secondary-text-color);
+            }
+        }
+    }
+    .term-list-cards {
+        @media screen and (min-width: 768px) {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 1rem;
+        }
+        .card {
+            margin: 0;
+            h3 {
+                margin: 0;
+            }
         }
     }
 }
diff --git a/layouts/_default/term.html b/layouts/_default/term.html
index 43e86953..7cab2827 100644
--- a/layouts/_default/term.html
+++ b/layouts/_default/term.html
@@ -11,8 +11,8 @@
         {{ end }}
 
         <div class="term-list">
-            <ul>
-            {{ range .Pages }}
+            <ul class="term-list-posts">
+                {{ range where .Pages "Section" "ne" "cards" }}
                 <li>
                     <a href="{{ .RelPermalink }}" data-umami-event="Click Post Link from Category Page">
                         {{ .Title }}{{ with .Params.subtitle }}：<span class="posts-subtitle">{{. }}</span>
@@ -22,8 +22,21 @@
                         {{ .Date.Format "2006-1-2" }}
                     </time>
                 </li>
-            {{ end }}
+                {{ end }}
             </ul>
+            <div class="term-list-cards">
+                {{ range where .Pages "Section" "eq" "cards" }}
+                <div class="card">
+                    <h3>
+                        <a href="{{ .RelPermalink }}" data-umami-event="Click Card Link from Category Page">
+                            {{ .Title }}
+                        </a>
+                    </h3>
+                    <p>{{ .Summary }}</p>
+                </div>
+                {{ end }}
+            </div>
         </div>
     </article>
+    {{ partial "footer.html" . }}
 {{ end }}
-- 
cgit v1.2.3