people.html

---
layout: page
title: People
description: MIP-Frontiers fellows
width: 12
---

<div class="row">
{% for group in site.data.people.groups %}
  <!-- <h1>{{ group.name }}</h1> -->
  {% for esr in group.esrs %}
    <div class="col-lg-6 my-3">
    <div class="row">
    	<div class="col-4">
    		<img src="/img/photos/{{ esr.photo }}" class="img-fluid" alt="{{ esr.name }}">

        <div>
          <a target="_blank" href="mailto:{{ esr.email }}"><i class="fas fa-envelope"></i></a>
          {% if esr.website %}<a target="_blank" href="{{ esr.website }}"><i class="fas fa-globe-europe"></i></a>{% endif %}
          {% if esr.github %}<a target="_blank" href="https://github.com/{{ esr.github }}"><i class="fab fa-github"></i></a>{% endif %}
          {% if esr.linkedin %}<a target="_blank" href="https://www.linkedin.com/in/{{ esr.linkedin }}"><i class="fab fa-linkedin-in"></i></a>{% endif %}
          {% if esr.twitter %}<a target="_blank" href="https://twitter.com/{{ esr.twitter }}"><i class="fab fa-twitter"></i></a>{% endif %}
        </div>

    	</div>
    	<div class="col-8">
    		<h2 id="{{ esr.id }}">{{ esr.name }}</h2>
        <div>Topic: 
          {% if site.data.abstracts[esr.code] %}
            <a href="#" data-toggle="modal" data-target="#modal{{ esr.code }}">{{ esr.topic }}</a>
          {% else %}
            {{ esr.topic }}
          {% endif %}
        </div>
    		<div>
          <em>Supervisor:
          {% for supervisor in esr.supervisors %}
            {% if supervisor.web %}
              <a href="{{ supervisor.web }}">{{ supervisor.name }}</a> 
            {% else %}
              {{ supervisor.name }}
            {% endif %}
          {% endfor %}
          </em>
        </div>

        {% if esr.logo %}
          {{ esr.logo }}
        {% endif %}
        {{ group.logo }}


    	</div>
    </div>
    </div>

    <!-- Abstract and publications -->
    <div class="modal fade" id="modal{{ esr.code }}" tabindex="-1" role="dialog" aria-labelledby="modalLabel{{ esr.code }}" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h4 class="modal-title" id="modalLabel{{ esr.code }}">{{ esr.name }}: {{ esr.topic }}</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            {{ site.data.abstracts[esr.code] }}
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>
  {% endfor %}
{% endfor %}
</div>