---
navigable: true
title: Events
order: 20
---
<div class="container">
  <div class="content">
    <h1>Upcoming events</h1>
  </div>
  <% upcoming_events.each_slice(2) do |slice| %>
  <div class="columns">
    <% slice.each do |event| %>
    <div class="tile is-parent ">
      <%= render '/partials/_events_tile.*', event: event %>
    </div>
    <% end %>
  </div>
  <% end %>
</div>

<div class="container">
  <div class="content">
    <h1>Past events</h1>
  </div>
  <% past_events.each_slice(2) do |slice| %>
  <div class="columns">
    <% slice.each do |event| %>
    <div class="tile is-parent ">
      <%= render '/partials/_events_tile.*', event: event %>
    </div>
    <% end %>
  </div>
  <% end %>
</div>