---
layout: default
title: Home
---

{% if page.url == "/" %}

<!-- Featured
================================================== -->
<section class="featured-posts">
    <div class="section-title">
        <h2><span>Em Destaque</span></h2>
    </div>
    <div class="row">

    {% for post in site.posts %}

        {% if post.featured == true %}

            {% include featuredbox.html %}

        {% endif %}

    {% endfor %}

    </div>
</section>

{% endif %}

<!-- Series
================================================== -->
{% assign posts_with_series = site.posts | where_exp: "post", "post.series != nil" %}
{% assign series_groups = posts_with_series | group_by: "series" | sort: "name" %}
{% if series_groups.size > 0 %}
<section class="series-showcase" aria-labelledby="seriesShowcaseTitle">
    <div class="section-title">
        <h2 id="seriesShowcaseTitle"><span>Séries</span></h2>
    </div>
    <div class="row series-showcase__grid">
        {% for series_group in series_groups %}
            {% assign ordered_series_posts = series_group.items | sort: "series_order" %}
            {% assign first_series_post = ordered_series_posts | first %}
            <div class="col-lg-4 col-md-6 mb-4">
                <article class="series-card">
                    <a class="series-card__link" href="{{ first_series_post.url | relative_url }}"
                       aria-label="Começar a série {{ series_group.name }}">
                        <div class="series-card__media">
                            {% if first_series_post.image %}
                            <img class="series-card__image"
                                 src="{% if first_series_post.image contains '://' %}{{ first_series_post.image }}{% else %}{{ first_series_post.image | relative_url }}{% endif %}"
                                 alt="{{ series_group.name | escape }}"
                                 loading="lazy" />
                            {% endif %}
                            <div class="series-card__overlay" aria-hidden="true"></div>
                            <span class="series-card__count">{{ series_group.items.size }} partes</span>
                        </div>
                        <div class="series-card__body">
                            <p class="series-card__eyebrow">Série</p>
                            <h3 class="series-card__title">{{ series_group.name }}</h3>
                            <p class="series-card__start">
                                Comece pelo primeiro artigo <span aria-hidden="true">→</span>
                            </p>
                        </div>
                    </a>
                </article>
            </div>
        {% endfor %}
    </div>
</section>
{% endif %}

<!-- Posts Index
================================================== -->
<section class="recent-posts">
    <div class="section-title">
        <h2><span>Todas as postagens</span></h2>
    </div>

    <div class="row listrecent">
        {% for post in paginator.posts %}
        {% include postbox.html %}
        {% endfor %}
    </div>
</section>

<!-- Pagination
================================================== -->
<div class="bottompagination">
<div class="pointerup"><i class="fa fa-caret-up"></i></div>
<span class="navigation" role="navigation">
    {% include pagination.html %}
</span>
</div>