seminars.html

---
layout: default
---
  <!-- jQuery (required for Bootstrap JS) -->
  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>

  <!-- Popper.js (required for Bootstrap JS) -->
  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script>
  
  <!-- Bootstrap JS -->
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">




<!-- Invitation Box -->
<div class="alert alert-info text-center" role="alert" style="border: 2px solid #007bff;">
    <strong>Interested in presenting?</strong> If you're ever in Philadelphia and would like to present your recent work in Cryptography, System Security, Blockchains, or related areas, please reach out via email: 
    <a href="mailto:alrshir@seas.upenn.edu">alrshir@seas.upenn.edu</a>.
  </div>



  <!-- Upcoming Seminars -->
<h2 class="text-center mt-5">Upcoming Seminars</h2>


<div class="table-responsive">
    <table class="table table-striped table-bordered table-hover" style="table-layout: fixed; width: 100%;">
      <thead class="thead-dark">
        <tr>
          <th class="seminar-date-column">Date</th>
          <th>Speaker</th>
          <th>Title & Abstract</th>
          <th class="seminar-files-column">Files</th>
        </tr>
      </thead>
      <tbody>
        {% assign current_date = "now" | date: "%Y-%m-%d" %}
        {% assign upcoming_seminars = site.seminars | sort: "date" %}
        {% for seminar in upcoming_seminars %}
        {% assign seminar_date = seminar.date | date: "%Y-%m-%d" %}
        {% if seminar_date > current_date %}
        <tr>
          <td>{{ seminar.date | date: "%B %d, %Y" }}</td>
          <td>
            {{ seminar.speaker }}
            {% if seminar.speaker_website %}
            <a href="{{ seminar.speaker_website }}" class="btn btn-link p-0" title="Speaker's Website" target="_blank">
              <i class="fas fa-link"></i>
            </a>
            {% endif %}
          </td>
          <td>
            {{ seminar.title }}
            {% if seminar.abstract %}
            <button class="btn btn-link p-0" type="button" data-toggle="collapse" data-target="#abstract-{{ forloop.index }}" aria-expanded="false" aria-controls="abstract-{{ forloop.index }}" title="View Abstract">
              <i class="fas fa-chevron-down"></i>
            </button>
            <div id="abstract-{{ forloop.index }}" class="collapse abstract-collapse" style="text-align: justify;">
              <hr> <!-- Line between the title and abstract -->
              <div class="abstract-text">
                {{ seminar.abstract }}
              </div>
            </div>
            {% endif %}
          </td>
          <td>
            {% if seminar.presentation %}
            <a href="{{ seminar.presentation }}" class="btn btn-link" title="View Presentation">
              <i class="fas fa-file-powerpoint"></i>
            </a>
            {% endif %}
            {% if seminar.paper %}
            <a href="{{ seminar.paper }}" class="btn btn-link" title="View Paper">
              <i class="fas fa-file-pdf"></i>
            </a>
            {% endif %}
          </td>
        </tr>
        {% endif %}
        {% endfor %}
      </tbody>
    </table>
  </div>
  
  <!-- Past Seminars -->
  <h2 class="text-center mt-5">Past Seminars</h2>
  
  <div class="table-responsive">
    <table class="table table-striped table-bordered table-hover" style="table-layout: fixed; width: 100%;">
      <thead class="thead-dark">
        <tr>
          <th class="seminar-date-column">Date</th>
          <th>Speaker</th>
          <th>Title & Abstract</th>
          <th class="seminar-files-column">Files</th>
        </tr>
      </thead>
      <tbody>
        {% assign past_seminars = site.seminars | sort: "date" | reverse %}
        {% for seminar in past_seminars %}
        {% assign seminar_date = seminar.date | date: "%Y-%m-%d" %}
        {% if seminar_date <= current_date %}
        <tr>
          <td>{{ seminar.date | date: "%B %d, %Y" }}</td>
          <td>
            {{ seminar.speaker }}
            {% if seminar.speaker_website %}
            <a href="{{ seminar.speaker_website }}" class="btn btn-link p-0" title="Speaker's Website" target="_blank">
              <i class="fas fa-link"></i>
            </a>
            {% endif %}
          </td>
          <td>
            {{ seminar.title }}
            {% if seminar.abstract %}
            <button class="btn btn-link p-0" type="button" data-toggle="collapse" data-target="#abstract-{{ forloop.index }}" aria-expanded="false" aria-controls="abstract-{{ forloop.index }}" title="View Abstract">
              <i class="fas fa-chevron-down"></i>
            </button>
            <div id="abstract-{{ forloop.index }}" class="collapse abstract-collapse">
              <hr> <!-- Line between the title and abstract -->
              <div class="abstract-text">
                {{ seminar.abstract }}
              </div>
            </div>
            {% endif %}
          </td>
          <td>
            {% if seminar.presentation %}
            <a href="{{ seminar.presentation }}" class="btn btn-link" title="View Presentation">
              <i class="fas fa-file-powerpoint"></i>
            </a>
            {% endif %}
            {% if seminar.paper %}
            <a href="{{ seminar.paper }}" class="btn btn-link" title="View Paper">
              <i class="fas fa-file-pdf"></i>
            </a>
            {% endif %}
          </td>
        </tr>
        {% endif %}
        {% endfor %}
      </tbody>
    </table>
  </div>