.member-header
  - if is_pet
    = image_tag "/images/team/pets/#{member.picture}", alt: member.name, width: 200, height: 200, class: 'member-id'
  - else
    = image_tag "/images/team/#{member.picture}", alt: member.name, width: 120, height: 120, class: 'member-id'
  .info
    %h3
      = member.name
    %h4
    - if member.human
      = member.human
    - if member.role
      = member.role
    - if member.specialty
      %h5
        = member.specialty
        Specialist

    - if member.reports_to_title
      %h5
        = link_to 'Reports to', "/company/team/org-chart/##{member.anchor}"
        = member.reports_to_title

    - if member.locality || member.country
      - location = [member.locality, member.country].compact.join(", ")
      %h5
        Lives in
        = link_to "https://maps.google.com?q=#{location}" do
          = location
          = member.country_info&.emoji_flag
    - if member.pronouns
      %h5
        %a{href: 'http://pronoun.is/', target: '_blank'} Pronouns:
        = link_to member.pronouns, "http://pronoun.is/#{member.pronouns}"
- if member.maintains
  %ul
    = member.maintains
.social
  - if member.twitter
    %a{href: "https://twitter.com/#{member.twitter}"}
      %span.sr-only
        Twitter
      %i.fab.fa-twitter
  - if member.gitlab
    %a{href: "https://gitlab.com/#{member.gitlab}"}
      %span.sr-only
        GitLab
      = partial "includes/logos/logo_sq.svg"
.bio
  %p
    = member.story

%a.close-modal.fas.fa-times{ href: "#close-modal" }