{%- include /authors/authors.html -%}
<style>
  .contributor-image {
    width: 40px;
    border-radius: 100%;
  }

  .contributors-count {
    background: rgba(175, 184, 193, 0.2);
    padding: 5px;
    font-size: 15px;
    border-radius: 100%;
    display: inline-block;
    width: 30px;
    text-align: center;
  }
</style>
<div class="wrapfooter">
  <a href="/authors/{{authorName | downcase  | replace: ' ' , '-'' }}" class="author_image">
    <img class="author-thumb" loading="lazy" src="{{ image }}" height="35px" width="35px" alt="{{ authorName}}"
      id="author_img" {%- if site.crossorigin -%} crossorigin {%- endif -%} />
  </a>
  
  <div class="author-meta">
    {%- if twitter != 'N/A' -%}
    <a class="postName" target="_blank" href="{{twitter}}">{{authorName}}</a>
    {%- else -%}
    <!-- <p class="mb-0 postName"> -->
      <a class="postName" target="_blank" href="/authors/{{authorName | downcase  | replace: ' ' , '-'' }}">
        {{authorName}}
      </a>
    <!-- </p> -->
    {%- endif -%}
    {%- if twitter != 'N/A' -%}
    <a class="btn_follow text-decoration-none" target="_blank" href="{{twitter}}">Follow</a>
    {%- endif -%}
    <p class="author_bio mb-0">{{bio}}</p>
  </div>
</div>