index.html

---
layout: base
# Feel free to add content and custom Front Matter to this file.
# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
---
{% comment %}
  Filter and sort out the available posts
{% endcomment %}

{% assign posts = site.posts | sort: 'priority' | reverse %}

{% assign livePosts = site.posts | where: 'status', 'live' %}

{% assign eventLivePosts = livePosts | where_exp: 'post', 'post.event' | slice: 0, 5 %}

{% assign featuredLivePosts = livePosts | where: 'type', 'featured' %}

{% assign regularLivePosts = livePosts | where: 'type', 'regular' %}

<section class="wrapper wrapper-body">
  <section class="top-container">
      {%- if featuredLivePosts.size > 0 -%}
        {% assign featuredLivePost = featuredLivePosts | first %}
        {% include post/featured.html post=featuredLivePost %}
      {%- endif -%}
    <div class="post-event-container ">
      <ul class="post-event-list post-card">
        {%- for postEvent in eventLivePosts -%}
          <li class="post-event-item">
            {% include post/event.html post=postEvent %}
            {% include components/divider.html %}
          </li>
        {%- endfor -%}

        <li class="post-event-item">
          <a class="post-event-item-container" href="">
            <h4 class="post-event-header">Want to see your event here? Inform the promotions team!</h4>
          </a>
        </li>
      </ul>
    </div>
  </section>

  {%- if regularLivePosts.size > 0 -%}
    <ul class="post-small-item-list-container">
      {%- for post in regularLivePosts -%}
        <li>
          {% include post/small.html post=post %}
        </li>
      {%- endfor -%}
    </ul>
  {%- endif -%}
</section>