index.html

---
layout: default
title: joel oliveira
---

{% for post in site.posts limit:1 %}
  <article>
    <h1><a href="{{ post.url }}">{{ post.title }}</a></h1>

    <h3>
      {{ post.date | date_to_string }}

      {% for tag in post.tags %}
      <span class="inline-block px-4 text-gray-200 not-italic">&#10625;</span>
      <a href="/tag/{{ tag | downcase | slugify }}" class="border-solid border-blue-200 border-b-2 px-1 pt-1 hover:bg-blue-100">#{{ tag }}</a>
      {% endfor %}
    </h3>

    {{ post.content }}
  </article>
{% endfor %}

{% for post in site.posts offset:1 limit:4 %}
  <article>
    <h1><a href="{{ post.url }}">{{ post.title }}</a></h1>

    <h3>
      {{ post.date | date_to_string }}

      {% for tag in post.tags %}
      <span class="inline-block px-4 text-gray-200 not-italic">&#10625;</span>
      <a href="/tag/{{ tag | downcase | slugify }}" class="border-solid border-blue-200 border-b-2 px-1 pt-1 hover:bg-blue-100">#{{ tag }}</a>
      {% endfor %}
    </h3>

    {{ post.content | lazy_load_images }}
  </article>
{% endfor %}