diff --git a/assets/css/style.scss b/assets/css/style.scss
index c4a659e..1a82675 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -38,10 +38,14 @@ div.blogpost {
   grid-template-columns: 100px minmax(200px, 1fr);
 }
 
-div.blogpost div.day {
+div.blogpost div.date div.day {
   font-size: 2em;
 }
 
-div.blogpost div.month {
+div.blogpost div.date div.month {
   font-size: 0.5em;
 }
+
+div.blogpost div.overview div.excerpt {
+  color: #444444;
+}
diff --git a/blog.md b/blog.md
index 2a31e7b..5d4980b 100644
--- a/blog.md
+++ b/blog.md
@@ -3,11 +3,12 @@
 {% for post in site.posts %}
   <div class='blogpost'>
     <div id='date'>
-      <div id='day'>{{ page.date | date: "%-d" }}</div>
-      <div id='month'>{{ page.date | date: "%B %Y" }}</div>
+      <div id='day'>{{ post.date | date: "%-d" }}</div>
+      <div id='month'>{{ post.date | date: "%B %Y" }}</div>
     </div>
     <div id='overview'>
-      <a href="{{ post.url }}">{{ post.title }}</a>
+      <div id='title'><a href="{{ post.url }}">{{ post.title }}</a></div>
+      <div id='excerpt'>{{ post.excerpt }}</div>
     </div>
   </div>
 {% endfor %}