index.html

---
layout: default
---

<div class="wrap">
  <section class="section">
    <h2 class="section__title">
      Characters
      <a href="/characters" class="button">View All</a>
    </h2>

    <div class="grid grid--center">
      {% assign characters = site.characters | sort: 'weight' %}
      {% for character in characters limit: 10 %}
        <div class="grid__cell grid__cell--20">
          {% include character_preview.html character=character %}
        </div>
      {% endfor %}
    </div>
  </section>
</div>

<hr />

<div class="wrap">
  <section class="section">
    <h2 class="section__title">About the serie</h2>
    {{ site.data.homepage.description | markdownify }}
  </section>
</div>

<hr />

<div class="wrap">
    <section class="section">
      <h2 class="section__title">
        Latest episodes
        <a href="/episodes" class="button">View All</a>
      </h2>
      <div class="grid">
        {% assign episodes = site.episodes | sort: 'weight' %}
        {% for episode in episodes limit: 6 %}
          <div class="grid__cell grid__cell--33">
            {% include episode_preview.html episode=episode %}
          </div>
        {% endfor %}
      </div>
    </section>
  </div>
</div>