{% assign file = page.fileName %} {% assign lang = page.lang %} {% assign folder
= page.folderName %} {% assign featureData= site.data[folder][lang][file] %}

<div class="authors-list mt-5 container">
  {%- if featureData.author -%}
  <h4 class="mb-4 text-center authors-heading font-weight-bolder">
    About The Author
  </h4>
  {%- endif -%}
  <div class="row">
    {%- if featureData.author -%} {%- include authors/authors.html -%} {%-
    assign featureAuthor = featureData.author | split: " " -%} {%- assign
    author = featureAuthor.first | downcase -%} {%- assign collection =
    [author] -%} {%- for item in collection -%} {%- if forloop.index==1
    -%} {%- assign featureAuthorName = item -%} {%- endif -%} {%- if
    forloop.index==2 -%} {%- assign featureAuthorImage = item -%} {%-
    endif -%} {%- if forloop.index==3 -%} {%- assign featureAuthorBio =
    item -%} {%- endif %} {%- endfor %}

    <div class="featurePageAuthor">
      <a href="/authors/{{featureData.author | downcase  | replace: ' ' , '-'' }}" class="author_image">
        <img class="author-img" loading="lazy" src="{{ featureAuthorImage }}" height="35px" width="35px"
          alt="{{ featureAuthor}}" id="author_img" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
      </a>

      <div class="author-meta">
        <a class="d-block w-100 text-center mb-0 authorName text-capitalize" target="_blank"
          href="/authors/{{featureData.author | downcase  | replace: ' ' , '-'' }}">
          {{featureAuthor}}
        </a>
        <p class="author_bio mb-0">{{featureAuthorBio}}</p>
      </div>


    </div>
    {%- endif %} {%- assign contributors = featureData.contributors |
    uniq: 'name' -%} {%- if contributors.size > 0 -%}
    <h4 class="mb-4 w-100 text-center authors-heading font-weight-bolder">
      Contributors
    </h4>
    <div class="d-flex justify-content-center w-100" style="gap: 10px">
      {%- for contributor in contributors -%} {%- assign
      featureContributorData = contributor.name | split: " " -%} {%-
      assign featureContributorData = featureContributorData.first |
      downcase -%} {%- assign collectionData = [featureContributorData]
      -%} {%- for item in collectionData -%} {%- if forloop.index == 1 -%}
      {%- assign featureContributorDataName = item -%} {%- endif -%} {%-
      if forloop.index == 2 -%} {%- assign featureContributorDataImage =
      item -%} {%- endif -%} {%- if forloop.index == 3 -%} {%- assign
      featureContributorDataBio = item -%} {%- endif -%} {%- if
      forloop.index == 4 -%} {%- assign featureContributorDataTwitter =
      item -%} {%- endif -%} {%- endfor -%} {%- if
      featureContributorDataName -%}
      <a href="/authors/{{featureContributorDataName | downcase  | replace: ' ' , '-'' }}" class="contributor">
        <img loading="lazy" src="{{ featureContributorDataImage }}" alt="{{ featureContributorDataName}}"
          style="border-radius: 100%; width: 50px; height: 50px" />
        <div class="contributor-name pt-2">
          {{ featureContributorDataName }}
        </div>
      </a>
      {%- assign featureContributorDataName = false -%} {%- else -%} {%-
      endif -%} {%- endfor -%}
    </div>
    {%- endif -%}
  </div>
</div>