team.html

---
layout: default
title: Team
---

<div class="container">
  <div class="row">
    <h1 class="page-headline font-mon">Team</h1>
  </div>
  <div class="row">
    <div class="mdc-layout-grid__inner tier">
      {% assign tier_one = site.members | where: 'tier', 'one' %}
      {% for member in tier_one %}
      <div class="mdc-layout-grid__cell member-cell">
        <img class="member-image" src="{{ site.baseurl }}/assets/images/{{member.short_name}}.jpg">
        <h2 class="mdc-typography--headline4">{{ member.name }}</h2>
        <h3 class="mdc-typography--headline6">{{ member.position }}</h3>
        <!-- <p class="mdc-typography--body1">{{ member.content | markdownify }}</p> -->
      </div>
      {% endfor %}
    </div>
  </div>
  <div class="row">
    <div class="mdc-layout-grid__inner tier">
      {% assign tier_two = site.members | where: 'tier', 'two' %}
      {% for member in tier_two %}
      <div class="mdc-layout-grid__cell member-cell">
        <img class="member-image" src="{{ site.baseurl }}/assets/images/{{member.short_name}}.jpg">
        <h2 class="mdc-typography--headline4">{{ member.name }}</h2>
        <h3 class="mdc-typography--headline6">{{ member.position }}</h3>
        <!-- <p class="mdc-typography--body1">{{ member.content | markdownify }}</p> -->
      </div>
      {% endfor %}
    </div>
  </div>
  <div class="row">
    <div class="mdc-layout-grid__inner tier">
      {% assign tier_three = site.members | where: 'tier', 'three' %}
      {% for member in tier_three %}
      <div class="mdc-layout-grid__cell member-cell">
        <img class="member-image" src="{{ site.baseurl }}/assets/images/{{member.short_name}}.jpg">
        <h2 class="mdc-typography--headline4">{{ member.name }}</h2>
        <h3 class="mdc-typography--headline6">{{ member.position }}</h3>
        <!-- <p class="mdc-typography--body1">{{ member.content | markdownify }}</p> -->
      </div>
      {% endfor %}
    </div>
  </div>
</div>