events.html

---
layout: default
class: events-page mobile-dark-header
header_color: gray
title: Events
---

{% include get_future_or_past_records.liquid records=site.events type='future' %}
{% assign future_events = records | reverse %}

{% if future_events.size > 0 %}
  {% assign class = 'future-events' %}
{% else %}
  {% assign class = 'no-future-events' %}
{% endif %}

<div class='center-column {{ class }}'>
  {% if future_events.size > 0 %}
    <section aria-labelledby='events calendar'>
      <div class='section-title'>EVENTS CALENDAR</div>
      <hr class='hide-tablet' />
      {% for item in future_events %}
        {%- include cards/horizontal_card.html item=item -%}
      {% endfor %}
    </section>
  {% endif %}

  {% assign items = site.events | where: 'categories', 'Workshop' | sort: 'date' | reverse | limit: 3 %}
  {% include text/three_text_blocks.html
    items=items
    label='WORKSHOPS'
  %}

  {% include get_future_or_past_records.liquid records=site.events type='past' %}
  {% assign items = records | sort: 'date' | reverse %}
  {% include grids/archive_grid.html
    items=items
    label='PAST EVENTS'
    render='json'
  %}
</div>