From ca27552e5f3505422dd125d84659bcdcad72a3f1 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Wed, 17 Apr 2024 20:20:20 +0800
Subject: [PATCH] Style blog archive page

---
 src/blog/posts.njk | 31 +++++++++++++++----------------
 1 file changed, 15 insertions(+), 16 deletions(-)

diff --git a/src/blog/posts.njk b/src/blog/posts.njk
index 982796e3..32484a2f 100644
--- a/src/blog/posts.njk
+++ b/src/blog/posts.njk
@@ -12,8 +12,8 @@ blogNav: Archive
 
 <ul class="blog__postlist">
     {% for post in postList %}
-        <li>
-            <h2 class="blog__title">
+        <li class="blog__postlist--item">
+            <h2 class="blog__postlist--title">
                 <a href="{{ post.url }}">
                     {% if post.data.title %}{{ post.data.articleTitle }}
                     {% else %}
@@ -22,21 +22,20 @@ blogNav: Archive
                 </a>
             </h2>
             <time>{{ post.date | niceDate }}</time>
-            <p>{{ post.data.desc }}</p>
         </li>
     {% endfor %}
 </ul>
 
-<p class="center-text">
-    {% if pagination.href.previous %}
-        <a href=" {{ pagination.href.previous }}">Previous</a>
-    {% else %}
-        Previous
-    {% endif %}
-    /
-    {% if pagination.href.next %}
-        <a href=" {{ pagination.href.next }}">Next</a>
-    {% else %}
-        Next
-    {% endif %}
-</p>
+<style>
+    .blog__postlist {
+        display: grid;
+        gap: 1em;
+        padding-left: 1em;
+    }
+
+    .blog__postlist--title {
+        font-size: clamp(1.55rem, 1rem + 3vw, 1.3rem);
+        line-height: 1.3;
+        margin-bottom: 0.2em;
+    }
+</style>