<div class="row">
  <div class="col-xs-12 col-sm-6 col-md-12">
    <h2 class="h4">About</h2>
    <p>{{ site.project.description }}. Feel free to contribute or contact me.</p>
    <div class="list-group wide-enough">
      <a class="list-group-item" href="{{ site.github.repository_url }}"><span class="glyphicon glyphicon-home"></span>&nbsp;GitHub repository</a>
      <a class="list-group-item" href="mailto:{{ site.personal_info.email }}"><span class="glyphicon glyphicon-envelope"></span>&nbsp;{{ site.personal_info.email }}</a>
    </div>
  </div>
  <div class="col-xs-12 col-sm-6 col-md-12">
    <h2 class="h4">Latest posts</h2>
    {% if site.posts.size == 0 %}
    <p>Sorry, there're no posts yet.</p>
    {% else %}
    <div class="list-group wide-enough">
      {% for post in site.posts limit: 5 %}
      <a class="list-group-item" href="{{ site.baseurl }}{{ post.url }}">
        <span class="badge"><span class="glyphicon glyphicon-time"></span>&nbsp;{{ post.date | date: '%-d %b %Y' }}</span>
        <span class="glyphicon glyphicon-file"></span>&nbsp;{{ post.title }}
      </a>
      {% endfor %}
    </div>
    {% endif %}
  </div>
</div>