Improve blog page

assets/css/theme.css

@@ -248,3 +248,20 @@ p:first-of-type {
     padding: 2rem;
   }
 }
+
+.post-list {
+  list-style-type: none;
+  margin: 4rem 0 0;
+  padding: 0;
+}
+.post-list li:not(:last-of-type) {
+  margin-bottom: 4rem;
+}
+.post-list h2 {
+  margin-bottom: 0.25rem;
+}
+.post-list small {
+  display: block;
+  opacity: 0.8;
+  margin-bottom: 0.75rem;
+}

src/blog/index.njk

@@ -3,8 +3,14 @@ title: Devon's Blog
 layout: article.njk
 ---
 
-<ul>
+<p>The posts here are sorted by recently modified. That means that if I update a post, it will float back to the top. I'll try to update the excerpts to reflect the changes made.</p>
+
+<ul class="post-list">
 {%- for post in collections.post -%}
-  <li><a href="{{ post.url }}">{{ post.data.title }}</a></li>
+  <li>
+    <h2><a href="{{ post.url }}">{{ post.data.title }}</a></h2>
+    <small>Last updated {{ post.date | formatDatetimeForHumans }}</small>
+    <p>{{ post.data.excerpt }}</p>
+  </li>
 {%- endfor -%}
 </ul>

src/blog/the-old-web.md

@@ -3,6 +3,7 @@ title: The Old Web
 layout: article.njk
 date: Last Modified
 tags: post
+excerpt: I got tired of the commercial web, so I went looking for the Old Web. I'm talking about the web where people made pages just because they wanted to share something, not because they wanted to sell something. Fortunately, I found it. A lot of it.
 ---
 
 tl;dr- I got tired of the commercial web, so I went looking for the Old Web. I found it through [directories, blogrolls, webrings, and some weird search engines no one has heard of](#onramps-to-the-old-web).