{% extends "base.html" %}

{% block content %}
<div class="index-content">
  <div class="title">
    <img src="/images/logo.png" alt="" />
    <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 %}
        {% if loop.index <= 5 %}
          <li class="blog-item">
            <div>
              <a href="{{ page.permalink | safe }}">{{ page.title }}</a>
            </div>
            <span class="blog-item-meta">{{ page.date | date(format="%Y-%m-%d") }}</span>
          </li>
        {% endif %}
      {% endfor %}
    </ul>
  </div>
</div>
{% endblock content %}