index.html

---
layout: default
title: Home
nav-area: home
---

<!--
<div class="projects-blurb">
  <h2>Our projects</h2>
  <ul class="listing">
    {% assign projects = site.projects | where: "featured", "true" | sort: 'featured-priority' %}
    {% for project in projects %}
    <li>
      <h3>{{ project.title }}</h3>
      <a href="{{ project.url }}">Learn about {{ project.title }}</a>
    </li>
    {% endfor %}
  </ul>
  <a href="/projects" class="direct-to-section">Learn about more of our projects</a>
</div>-->
<!-- end of div.projects-blurb -->

<div class="board" id="home-board"></div>

<div class="people-blurb">
  <div class="card-group profile autoplay">
    {% assign people = site.people %}
    {% for person in people %}
    <!-- Button trigger modal -->
    <div class="col-md-3">
      <button type="button" class="btn btn-link" data-toggle="modal" data-target="#modal{{ person.object-id }}">
        <img src="{{ site.baseurl }}/assets/img/people/{{ person.picture }}" class="rounded-circle img-fluid text-center"
          alt="Picture of {{ person.name }}">
        <p class="lead text-center">{{ person.name }}</p>
      </button>
    </div>
    {% endfor %}
  </div>
  
    {% for person in people %}
    <!-- Modals -->
    <div class="modal fade" id="modal{{ person.object-id }}" tabindex="-1" role="dialog"
      aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
          <div class="modal-body">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <p class="text-center"><img src="{{ site.baseurl }}/assets/img/people/{{ person.picture }}" class="rounded-circle img-fluid"
                alt="Picture of {{ person.name }}"></p>
            <h5 class="text-center">{{ person.name }}</h5>
            <h6 class="mb-2 text-muted text-center">{{ person.role }}</h6>
            <p class="text-left">{{ person.content }}</p>
            <a href="{{ site.baseurl }}{{ person.url }}" class="card-link text-center">More info</a><br>
            <div id="map_canvas">
              <iframe id="ctl00_PlaceHolderMain_TextFieldDisplay4_iframeMap" width="100%" height="414px" frameBorder="0"
                src="https://maps.portal.chalmers.se/people#{{ person.cid }}"></iframe>
            </div>
          </div>
        </div>
      </div>
    </div>
    {% endfor %}
</div><!-- end of section.people-blurb -->