From 591d81ad3e4162bc62705fda074ed660d26f904a Mon Sep 17 00:00:00 2001
From: Yaodong Zhao <git@yaodong.dev>
Date: Tue, 10 Sep 2024 00:10:11 -0700
Subject: [PATCH] Update index page style

---
 index.html | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 18dd3b0..b516f19 100644
--- a/index.html
+++ b/index.html
@@ -13,15 +13,17 @@ <h1 class="flex space-x-1 items-center">
     </div>
     {% assign posts = site.posts | where: "category", "notes" | sort: "updated_date" | reverse | slice: 0, 10 %}
     {% for post in posts %}
+    <div class="flex flex-col space-y-3">
         <div class="flex flex-col space-y-1 bg-white p-3 shadow rounded">
-            <div class="flex space-x-1 items-center">
+            <div class="flex space-x-2 items-start">
                 <span>{% include post-stage.html stage=post.stage %}</span>
                 <h2><a class="text-xl font-semibold" href="{{ post.url }}">{{ post.title }}</a></h2>
             </div>
-            <div class="text-stone-700 pl-7">
+            <div class="text-stone-700 pl-8">
                 {{ post.excerpt }}
             </div>
         </div>
+    </div>
     {% endfor %}
 </div>
 
@@ -33,16 +35,18 @@ <h1 class="flex space-x-1 items-center">
         </h1>
         <p class="text-stone-500">Some random rabbit holes I fell into.</p>
     </div>
-    {% assign posts = site.posts | where: "category", "dives" | sort: "updated_date" | reverse | slice: 0, 10 %}
-    {% for post in posts %}
+    {% assign posts = site.posts | where: "category", "dives" | sort: "created_date" | reverse | slice: 0, 10 %}
+    <div class="flex flex-col space-y-3">
+        {% for post in posts %}
         <div class="flex flex-col space-y-1 bg-white p-3 shadow rounded">
-            <div class="flex space-x-1 items-center">
+            <div class="flex space-x-2 items-start">
                 <span>{% include post-stage.html stage=post.stage %}</span>
                 <h2><a class="text-xl font-semibold" href="{{ post.url }}">{{ post.title }}</a></h2>
             </div>
-            <div class="text-stone-700 pl-7">
+            <div class="text-stone-700 pl-8">
                 {{ post.excerpt }}
             </div>
         </div>
-    {% endfor %}
+        {% endfor %}
+    </div>
 </div>