staffer.html

<div class="staffer">
  {% if page.photo %}
  <img class="staffer-image" src="{{ page.photo }}" alt="{{ page.name }}">
  {% endif %}
  <div>
    <h3 class="staffer-name">
      {% if page.website %}
      <a href="{{ page.website }}" target="_blank">{{ page.name }}</a>
      {% else %}
      {{ page.name }}
      {% endif %}
    </h3>
    {% if page.email %}
    <p><a href="mailto:{{ page.email }}">{{ page.email }}</a></p>
    {% endif %}
    {% if page.pronouns %}
    <p>Pronouns: {{ page.pronouns }}</p>
    {% endif %}
    {% if page.section %}
    <p class="text-grey-dk-000">Quiz Section: {{ page.section | markdownify | strip_html }}</p>
    {% endif %}
    {% if page.office-hours %}
    <p class="text-grey-dk-000">Office Hours: {{ page.office-hours | markdownify | strip_html }}</p>
    {% endif %}
    {{ content }}
  </div>
</div>