{#
/**
 * @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.
 * - projects: A list of renderable project teasers.
 * - materials: A list of material media block data.
 *
 * @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 }}

  {# Index. #}
  {% if projects %}
    <!-- Index content -->
    <div class="full-width-block mt-2-responsive">
      <div class="content">
        <!-- Project index -->
        <div class="card-collection layout-center">
          {% for project in projects %}
            {{ project }}
          {% endfor %}
          {% if materials %}
            {% import '@siteandspace/misc/macros.twig' as commonMacros %}
            {% for material in materials %}
              {{ commonMacros.material_block(material) }}
            {% endfor %}
          {% endif %}
          <div class="card"></div>
          <div class="card"></div>
          <div class="card"></div>
          <div class="card"></div>
          <div class="card"></div>
          <div class="card"></div>
        </div>
        <!-- End of project index -->
      </div>
    </div>
    <!-- End of index content -->
  {% endif %}
</div>