{#
/**
 * @file
 * Theme override to display a taxonomy term.
 *
 * Available variables:
 * - url: URL of the current term.
 * - name: (optional) Name of the current term.
 * - content: Items for the content of the term (fields and description).
 *   Use 'content' to print them all, or print a subset such as
 *   'content.description'. Use the following code to exclude the
 *   printing of a given child element:
 *   @code
 *   {{ content|without('description') }}
 *   @endcode
 * - attributes: HTML attributes for the wrapper.
 * - page: Flag for the full page state.
 * - term: The taxonomy term entity, including:
 *   - id: The ID of the taxonomy term.
 *   - bundle: Machine name of the current vocabulary.
 * - view_mode: View mode, e.g. 'full', 'teaser', etc.
 * - site_color: Site landing page color.
 * - team_members: The team members of the current site:
 *   - name: The name of the person.
 *   - description: The description of the person.
 *   - photo: The image field value of the photo plus the 'uri' and 'url'.
 * - projects: A list of renderable project teasers.
 * - explore_block: The content of the export block.
 *   - text: The text HTML.
 *   - links: The link field values of links.
 *
 * @see template_preprocess_taxonomy_term()
 */
#}
<div{{ attributes }}>
  {{ title_prefix }}
  {% if name and not page %}
    <h2><a href="{{ url }}">{{ name }}</a></h2>
  {% endif %}
  {{ title_suffix }}
  {{ content }}

  {# Projects. #}
  {% if projects %}
    <div class="container">
      <div class="row">
        <div class="column">
          <h2 class="h1">Projects</h2>
          <div class="content">

            <!-- Project index -->
            <div class="card-collection">
              {% for project in projects %}
                {{ project }}
              {% endfor %}
            </div>
          </div>
        </div>
      </div>
    </div>
  {% endif %}

  {# Explore. #}
  {% if explore_block %}
    <!-- Explore block -->
    <div class="content-list">
      <div class="container">
        <div class="row">
          <div class="column">
            <div class="content">
              <h2 class="h3">Explore</h2>
              {% if explore_block['text'] %}
                {{ explore_block['text']|raw }}
              {% endif %}
              {% if explore_block['links'] %}
                <p>
                  {% for explore_link in explore_block['links'] %}
                    {{ link(explore_link['title'], explore_link['uri'], {'class': ['button', 'button-light', 'mr-2']}) }}
                  {% endfor %}
                </p>
              {% endif %}
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- End of explore block -->
  {% endif %}

  {# Team. #}
  {% if team_members %}
    {% import '@siteandspace/misc/macros.twig' as commonMacros %}
    <!-- Contributors block -->
    <div class="content-list pb-2-responsive">
      <div class="container">
        <div class="row">
          <div class="column">
            <div class="title">
              <h2 id="team" class="h1">Team</h2>
            </div>
            <div class="content">
              {% for member in team_members %}
                {{ commonMacros.person_block(member, site_color) }}
              {% endfor %}
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- End of contributors block -->
  {% endif %}

</div>