zeus.ugent.be/layouts/events.erb

<div class="columns">
  <div class="column is-2 is-narrow">
    <aside class="menu">
      <p class="menu-label">
        Academiejaar
      </p>
      <ul class="menu-list">
        <% academic_years_event_items.each do |year, item| %>
        <% if @item_rep && @item_rep.path == item.path %>
        <li>
          <a href="#" class="is-active">
            <%= pretty_year(year) %>
          </a>
        </li>
        <% else %>
        <li>
          <%= link_to pretty_year(year), item %>
        </li>
        <% end %>
        <% end %>
      </ul>
    </aside>
  </div>

  <div class="column">
    <% unless upcoming_events(@item[:academic_year]).empty? %>
      <div class="content">
        <h1>Upcoming events</h1>
      </div>
      <% upcoming_events(@item[:academic_year]).each_slice(1) do |slice| %>
      <div class="columns">
        <% slice.each do |event| %>
        <div class="tile is-parent ">
          <%= render '/partials/_events_tile.*', event: event %>
        </div>
        <% end %>
      </div>
      <% end %>
    <% end %>

    <% unless past_events(@item[:academic_year]).empty? %>
      <div class="content">
        <h1>Past events</h1>
      </div>
      <% past_events(@item[:academic_year]).each_slice(1) do |slice| %>
      <div class="columns">
        <% slice.each do |event| %>
        <div class="tile is-parent ">
          <%= render '/partials/_events_tile.*', event: event %>
        </div>
        <% end %>
      </div>
      <% end %>
    <% end %>

    <% if past_events(@item[:academic_year]).empty? and upcoming_events(@item[:academic_year]).empty? %>
      <div class="content has-text-centered">
        <h1>Sorry.</h1>
        <h2>No events planned yet this year.</h2>
        <h4 class="has-text-grey"><i>Soon TM.<i></h4>
      </div>
    <% end %>
  </div>

  <% unless soon_events().empty? %>
    <div class="column is-3 is-narrow">
      <aside class="menu">
        <p class="menu-label">
          Soon TM.
        </p>
        <% soon_events().each do |event| %>
            <div class="tile box"
              <% if event[:color] %>
    style="background-image: linear-gradient(to top right,rgba(255,255,255,0),rgba(0,0,0,.60)); background-color:<%= event[:color] %>;"
              <% else %>
    style="background-image: linear-gradient(to top right,rgba(255,255,255,0),rgba(0,0,0,.60)); background-color:'light-grey';"
              <% end %>
            >
              <div class="content event-content">
                <h3><%= event[:title] %></h3>
                <p><%= event[:description] %></p>
              </div>
            </div>
          <% end %>
      </aside>
    </div>
  <% end %>
</div>