From 63ecf999bb111b745088754b106bf4b2fbfa30c9 Mon Sep 17 00:00:00 2001
From: Veikka Kähkönen <insiding@gmail.com>
Date: Tue, 28 Nov 2017 16:24:05 +0200
Subject: Make post list prettier on index

---
 _sass/_info.scss | 12 ++++++++++++
 index.html       | 21 +++++++++++++++++----
 2 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/_sass/_info.scss b/_sass/_info.scss
index 7c6e256..04cc1d4 100644
--- a/_sass/_info.scss
+++ b/_sass/_info.scss
@@ -7,3 +7,15 @@
     color: white;
     padding: 0.4em;
 }
+
+.post_list {
+    list-style-type: none;
+}
+
+.post_list__title {
+    margin-bottom: 0;
+}
+
+.post_list__element {
+    margin-bottom: 0.4em;
+}
diff --git a/index.html b/index.html
index ec163c9..21543be 100644
--- a/index.html
+++ b/index.html
@@ -11,10 +11,23 @@ layout: default
 
     <div class="col span_1_of_2 info_section">
       <h1 class="info_section__title">Ajankohtaista</h1>
-      {%for post in site.posts limit:5 %}
-      <li><a href="{{ site.baseurl}}{{ post.url }}">{{ post.date | date: "%d.%m.%Y" }} - {{ post.title }}</a></li>
-      {% endfor %}
-      <li><a href="{{ site.baseurl}}/uutiset">Lisää uutisia uutisarkistossa</a></li>
+      <ul class="post_list">
+        {% for post in site.posts limit: 5 %}
+          <li class="post_list__element">
+            <a href="{{ post.url | absolute_url }}">
+              <h4 class="post_list__title">{{ post.title }}</h4>
+            </a>
+            <time datetime="{{ post.date | date_to_xmlschema }}">
+              {{ post.date | date: "%d.%m.%Y" }}
+            </time>
+            <p>
+              {{ post.excerpt | strip_html }}
+              <a href="{{ post.url | absolute_url }}">Lisää...</a>
+            </p>
+          </li>
+        {% endfor %}
+      </ul>
+      <a href="{{ site.baseurl}}/uutiset">Vanhemmat uutiset</a>
     </div>
 
     <div class="col span_1_of_2">
-- 
cgit v1.3