miom.space/_includes/people.njk

<ul class="mi-people">
  {% for person in people %}
    <li class="mi-person">
      <h1 class="mi-person--name">
        {{ person.name }}
        <span class="mi-person--pronoun">({{ person.pronouns }})</span>
      </h1>
      <p class="mi-person--role">{{ person.role }}</p>
      <details>
        <summary class="mi-person--contact-toggle">Contact</summary>
        <ul class="mi-person--contact-options">
          {% for contactOption in person.contactOptions %}
            <li class="mi-person--contact-option">
              <span class="mi-person--contact-option-name">{{ contactOption.name }}:</span> {{ contactOption.value }}
            </li>
          {% endfor %}
        </ul>
      </details>
    </li>
  {% endfor %}
</ul>