From ebd1b5319c37bfc17d0386b6f6bf5ae31385e2bb Mon Sep 17 00:00:00 2001
From: Emi Matchu <emi@matchu.dev>
Date: Wed, 11 Sep 2024 20:37:18 -0700
Subject: [PATCH] Add date to posts list on homepage

---
 assets/css/main.css | 20 ++++++++++++++++++++
 index.html          |  8 ++++++--
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 1601369..14e0514 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -92,6 +92,26 @@ article {
 	}
 }
 
+.posts {
+	time {
+		font-size: 0.85em;
+		font-style: italic;
+		margin-left: 0.25em;
+
+		&:before {
+			content: "(";
+		}
+
+		&:after {
+			content: ")";
+		}
+	}
+
+	p {
+		margin-block: 0.5em;
+	}
+}
+
 /* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
 @font-face {
 	font-family: Delicious;
diff --git a/index.html b/index.html
index 090661f..5c3e97e 100644
--- a/index.html
+++ b/index.html
@@ -3,11 +3,15 @@ layout: default
 title: "Home"
 ---
 
-<ul>
+<ul class="posts">
 	{% for post in site.posts %}
 	<li>
 		<a href="{{ post.url }}">{{ post.title }}</a>
-		{{ post.excerpt }}
+		{% if post.date %}
+		<time datetime="{{ post.date | date_to_xmlschema }}"
+			>{{ post.date | date_to_string: "ordinal", "US" }}</time
+		>
+		{% endif %} {{ post.excerpt }}
 	</li>
 	{% endfor %}
 </ul>