{% extends "base.html" %}

{% block content %}
<div class="index-content">
  <div class="title">
    <img src="/images/logo.png" alt="logo" />
    <h1>{{ config.title }}</h1>
  </div>
  <div>
    <p>
      I'm a software developer interested in game development and design.
    </p>
  </div>
  <div>
    <h2>Latest blog posts</h2>
    <ul class="blog-list">
      {% set blog = get_section(path="blog/_index.md") %}
      {% for page in blog.pages | slice(end=5) %}
        <li class="blog-item">
          <div>
            <a href="{{ page.permalink | safe }}">{{ page.title }}</a>
          </div>
          <span class="blog-item-meta">{{ page.date }}</span>
        </li>
      {% endfor %}
    </ul>
  </div>
</div>
{% endblock content %}