{% extends "base.html" %}

{% block content %}

<div class="main">
  <div class="opportunities">
      <a href="/contact" class="available">Available for exciting opportunities</a>
      <p class="location">Amsterdam / Netherlands / Remote</p>
  </div>

  <section class="about section">
      <h1 class="subtitle">Me</h1>
      <p>Software Engineer, mostly using <strong>Go</strong>, currently learning <b>Rust</b>.</p>
      <p>I spent the last few years building internal tools. I enjoy working closely with the users and the kind of 
      very varied technical problems it brings.</p>
      <p>The moment when all of the parts fit together in a simple and elegant way is what I like the most about programming.</p>
      <p>Lately I'm exploring (simple) game development as a fun way to expand my knowledge and tackle problems that 
      don't exist in my usual web world. Building something completely offline is also very satisfying.</p>
  </section>

  <section class="latest-writing section">
    <h1 class="subtitle">Latest writing</h1>
  {% for page in section.pages %}
    {% if loop.index <= 4 %}
      <div class="entry">
        <p class="date">{{ page.date | date(format="%d %b %Y") }}</p>
        <h3><a href="{{ page.permalink }}">{{ page.title }}</a></h3>
      </div>
    {% endif %}
  {% endfor %}
  </section>

  {% set films = load_data(path="data/films.json") %}

    <section class="latest-films section">
      <h1 class="subtitle">Latest films</h1>

      {% for film in films %}
        <div class="entry">
          <h3><a href="{{ film.url }}" target="_blank">{{ film.title }}</a></h3>
          <p class="author">
            {{ film.year }}<span class="middot">&middot;</span>{{ film.director }}
          </p>
        </div>
      {% endfor %}
    </section>


  {% set books = load_data(path="data/books.json") %}

    <section class="latest-reading section">
      <h1 class="subtitle">Latest books</h1>

      {% for book in books %}
        <div class="entry">
          <h3><a href="{{ book.url }}" target="_blank">{{ book.title }}</a></h3>
          <p class="author">
            {{ book.year }}<span class="middot">&middot;</span>{{ book.author }}
          </p>
        </div>
      {% endfor %}
    </section>
</div>

{% endblock content %}