{% if page.author_bio != false %}

{% if page.author and site.data.authors %}

{% assign author = site.data.authors[page.author] %}

{% else %}

{% assign author = site.author %}

{% endif %}

<div class=“flex w-100 mt2 lh-copy bt b–light-gray pv3”>

<div>
  {% if author.url contains "://" %}
    <a href="{{ author.url }}" target="_blank"><img src="{{ author.picture | relative_url }}" alt="{{ author.name }}" class="w2 h2 w3-ns h3-ns br-100"></a>
  {% else %}
    <a href="{{ author.url | relative_url }}"><img src="{{ author.picture | relative_url }}" alt="{{ author.name }}" class="w2 h2 w3-ns h3-ns br-100"></a>
  {% endif %}
</div>

<div class="flex flex-column w-90 w-80-ns pl2 pl3-ns">
  <div class="flex items-center-ns">
    {% if author.url contains "://" %}
    <a class="f5 f4-ns fw4 lh-title black-80 hover-black-80 link mr2" href="{{ author.url }}" target="_blank">{{ author.name }}</a>
    {% else %}
    <a class="f5 f4-ns fw4 lh-title black-80 hover-black-80 link mr2" href="{{ author.url | relative_url }}">{{ author.name }}</a>
    {% endif %}

    {% if author.cta_url contains "://" %}
    <a class="f6 fw4 link nested-author-cta ba br-pill ph2" href="{{ author.cta_url }}" target="_blank">{{ author.cta | default: "Follow" }}</a>
    {% else %}
    <a class="f6 fw4 link nested-author-cta ba br-pill ph2" href="{{ author.cta_url | relative_url }}" target="_blank">{{ author.cta | default: "Follow" }}</a>
    {% endif %}
  </div>

  <div class="f6 f5-ns fw3 lh-copy silver">{{ author.bio }}</div>
</div>

</div>

{% endif %}