Add latest posts to front page

app/config/sculpin_site.yml

@@ -92,6 +92,8 @@ joindin:
 lanyrd:
     url: http://lanyrd.com/profile/opdavies
 
+latest_posts: 3
+
 linkedin:
     url: http://uk.linkedin.com/in/opdavies
 

assets/sass/components/_latest-posts.sass

@@ -0,0 +1,12 @@
+.latest-posts
+    @extend .panel
+    @extend .panel-default
+
+    &__heading
+        @extend .panel-heading
+
+    ul
+        @extend .list-group
+
+    li
+        @extend .list-group-item

source/_includes/latest-posts.html.twig

@@ -0,0 +1,16 @@
+<div class="latest-posts">
+    <div class="latest-posts__heading">Latest blog posts</div>
+
+    <ul>
+        {% for post in data.posts|slice(0, site.latest_posts) %}
+            <li class="post">
+                <span class="post__title">
+                    <a href="{{ post.url }}">
+                        {{ post.title }}
+                    </a>
+                </span> -
+                <span class="post__date">{{ post.date|date(site.default_date_format) }}</span>
+            </li>
+        {% endfor %}
+    </ul>
+</div>

source/_includes/sidebar.html.twig

@@ -12,6 +12,10 @@
             </div>
 
             {% include('availability') %}
+
+            {% if page.url == '/.' %}
+                {% include ('latest-posts') %}
+            {% endif %}
         {% endblock %}
     </div>
 {% endblock %}

source/index.md

@@ -23,6 +23,8 @@ tools:
     - { title: CentOS, website: https://www.centos.org/about }
     - { title: Git, website: http://git-scm.com }
     - { title: Ansible, website: http://www.ansible.com }
+use:
+    - posts
 ---
 # About Me