events_upcoming.html

---
layout: page
id: 'upcoming-events'
title: Events
permalink: /events/
show_in_header: ''
---

<div class="upcoming-events">
  {% assign upcomingevents = site.events | where: 'status', 'upcoming' | sort: 'calendar.start' %}
  {% assign len = upcomingevents | size %}

  <h3 class="page-heading">I'll be speaking at the following {% if len > 1 %}events{% else %}event{% endif %} in the
    coming weeks.</h3>

  {% if len > 0 %}

  <div class="card event bg-light nearest-event mb-3">
    {% assign nearest = upcomingevents[0] %}
    <div class="card-header">
      <div class="event-details">
        <img class="event-details-icon" src="/img/calendar.png" />
        <span class="event-date">
          {% if nearest.calendar.display %}
          {{ nearest.calendar.display }}
          {% else %}
          {% if nearest.calendar.start contains "T" %}
          {{ nearest.calendar.start | date_to_rfc822 | date: "%B %-d, %Y - %H:%M" }}
          {% else %}
          {{ nearest.calendar.start | date_to_rfc822 | date: "%B %-d, %Y" }}
          {% endif %}
          {% endif %}
        </span>
        <img class="event-details-icon" src="/img/location.png" />
        <span class="event-location">{{ nearest.location }}</span>
        <img class="event-details-icon" src="/img/language.png" />
        <span class="event-language">{{ nearest.language }}</span>
      </div>
    </div>

    {% if nearest.header_image %}
    <img class="img-fluid" alt=" {{ nearest.title }} header image" src="{{ nearest.header_image | prepend: site.baseurl }}" />
    {% else %}
    <img class="img-fluid rounded" alt="{{ nearest.title }} header image" src="{{ '/img/events/default-header.jpg' | prepend: site.baseurl }}" />
    {% endif %}

    <div class="card-body">
      <h2 class="card-title">
        <a class="muted-link" href="{{ nearest.url | prepend: site.baseurl }}">{{ nearest.title }}</a>
      </h2>

      <hr class="h-splitter" />
      <p class="card-text">
        <ul class="sessions-list">
          {% for session in nearest.sessions %}
          <li>
            <span class="session-title">{{ session.title }}</span>
            <div class="session-abstract">{{ session.abstract }}</div>
          </li>
          {% endfor %}
        </ul>
      </p>
      <p class="card-text">
        <small class="text-muted">
          <a href="{{ nearest.url | prepend: site.baseurl }}">More information...</a>
        </small>
      </p>
    </div>

  </div>

  <div>
    {% for event in upcomingevents offset:1 %}
    <div class="card event mb-3">
      <div class="card-header">
        <div class="event-details">
          <img class="event-details-icon" src="/img/calendar.png" />
          <span class="event-date">
            {% if event.calendar.display %}
            {{ event.calendar.display }}
            {% else %}
            {% if event.calendar.start contains "T" %}
            {{ event.calendar.start | date_to_rfc822 | date: "%B %-d, %Y - %H:%M" }}
            {% else %}
            {{ event.calendar.start | date_to_rfc822 | date: "%B %-d, %Y" }}
            {% endif %}
            {% endif %}
          </span>
          <img class="event-details-icon" src="/img/location.png" />
          <span class="event-location">{{ event.location }}</span>
          <img class="event-details-icon" src="/img/language.png" />
          <span class="event-language">{{ event.language }}</span>
        </div>
      </div>
      <div class="card-body">
        <h4 class="card-title">
          <a class="muted-link" href="{{ event.url | prepend: site.baseurl }}">{{ event.title }}</a>
        </h4>
        <hr class="h-splitter" />
        <p class="card-text">
          <ul class="sessions-list">
            {% for session in event.sessions %}
            <li>
              <span class="session-title">{{ session.title }}</span>
            </li>
            {% endfor %}
          </ul>
        </p>
        <p class="card-text">
          <small class="text-muted">
            <a href="{{ event.url | prepend: site.baseurl }}">More information...</a>
          </small>
        </p>
      </div>
    </div>
    {% endfor %}

    <a href="/archive/events/">Looking for archived events?</a>
  </div>
  <hr class="h-splitter" />
  <div class="cfp">Have a look at the <a
      href="https://github.com/mauroservienti/milestone.github.io/pulls?q=is%3Apr+is%3Aopen+label%3ACFP"
      target="_blank">call for papers (CFP)</a> I submitted to.</div>

  {% else %}

  <div class="jumbotron">
    Bummer! nothing planned...yet!<br />
    Take a look at <a href="/archive/events/">where I've been in the past</a>, or have a look at the <a
      href="https://github.com/mauroservienti/milestone.github.io/pulls?q=is%3Apr+is%3Aopen+label%3ACFP"
      target="_blank">call for papers (CFP)</a> I submitted to.
  </div>

  {% endif %}

</div>