Add dates to post list

Olical · Aug 23, 2015 · 1a5b3ea · 1a5b3ea
1 parent 2eafe89
commit 1a5b3ea
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/_layouts/home.html b/_layouts/home.html
@@ -7,7 +7,7 @@
 
     <ul class="posts">
         {% for post in site.posts %}
-        <li><a href="{{ post.url }}">{{ post.title }}</a></li>
+        <li><a href="{{ post.url }}">{{ post.title }} <span class="post-date">{{post.date | date_to_string}}</span></a></li>
         {% endfor %}
     </ul>
 </section>
diff --git a/_sass/_home.scss b/_sass/_home.scss
@@ -1,7 +1,7 @@
 .posts {
   list-style: none;
   padding: 0;
-  margin-top: 40px;
+  margin: 40px 0;
 
   li a {
     border-top: 1px solid $colour-brown;
@@ -14,4 +14,8 @@
       background-color: darken($colour-off-white, 20%)
     }
   }
+
+  .post-date {
+    opacity: 0.3;
+  }
 }