Add date to posts list on homepage

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;

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>