{%- assign contributors = site.data.CONTRIBUTORS %}
{%- if include.custom %}
{%- assign allcontributors = include.custom | split: ", " | sort %}
{%- else %}
{%- for page in site.pages %}
{%- if page.contributors and page.search_exclude != true and page.contributors.size != 0 %}
{%- assign pagecontr = page.contributors | join: ", " %}
{%- if allcontrstr %}
{%- assign allcontrstr = allcontrstr | append: ", " | append: pagecontr %}
{%- else %}
{%- assign allcontrstr = allcontrstr | append: pagecontr %}
{%- endif %}
{%- endif %}
{%- endfor %}
{%- for contr in contributors %}
{%- if allcontrstr %}
{%- assign allcontrstr = allcontrstr | append: ", " | append: contr[0] %}
{%- else %}
{%- assign allcontrstr = allcontrstr | append: contr[0] %}
{%- endif %}
{%- endfor %}
{%- assign allcontributors = allcontrstr | split: ", " | uniq | sort %}
{%- endif %}
<div class="row row-cols-2 row-cols-sm-3 row-cols-md-4 row-cols-xl-5 g-4 contributor-cards">
  {%- for contributor in allcontributors %}
  <div class="col">
    <div class="card h-100">
      {%- assign id = contributors[contributor].git | default: 'no_github' %}
      <div class="position-relative">
        {%- if contributors[contributor].image_url %}
        <img src="{{ contributors[contributor].image_url }}" class="card-img-top p-3 rounded-circle" alt="{{ contributor }}">
        {%- else %}
        <img src="https://avatars.githubusercontent.com/{{id}}" class="card-img-top p-3 rounded-circle" alt="{{ contributor }}">
        {%- endif %}
        {%- if contributors[contributor].role %}
        <span class="badge position-absolute top-0 end-0">{{ contributors[contributor].role | capitalize }}</span>
        {%- endif %}
      </div>
      <div class="card-body text-center py-0">
        <p class="card-title">{{ contributor }}</p>
        {%- if contributors[contributor].affiliation %}
        <p class="card-affiliation">{{ contributors[contributor].affiliation }}</p>
        {%- endif %}
      </div>
      {%- if contributors[contributor].git or contributors[contributor].email or contributors[contributor].orcid %}
      <div class="card-footer">
        <div class="d-flex justify-content-center">
          {%- if contributors[contributor].git %}
          <div class="mx-1"><a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="https://github.com/{{id}}"><i class="fa-brands fa-github"></i></a></div>
          {%- endif %}
          {%- if contributors[contributor].email %}
          <div class="mx-1"><a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="mailto:{{contributors[contributor].email}}"><i class="fa-solid fa-envelope"></i></a></div>
          {%- endif %}
          {%- if contributors[contributor].orcid %}
          <div class="mx-1"><a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="https://orcid.org/{{contributors[contributor].orcid}}"><i class="fa-brands fa-orcid"></i></a></div>
          {%- endif %}
        </div>
      </div>
      {%- endif %}
    </div>
  </div>
  {%- endfor %}
</div>