catstodon/app/views/accounts/_header.html.haml

.card.h-card.p-author{ style: "background-image: url(#{account.header.url( :original)})" }
  - if user_signed_in? && current_account.id != account.id && !current_account.requested?(account)
    .controls
      - if current_account.following?(account)
        = link_to t('accounts.unfollow'), unfollow_account_path(account), data: { method: :post }, class: 'button'
      - else
        = link_to t('accounts.follow'), follow_account_path(account), data: { method: :post }, class: 'button'
  - elsif !user_signed_in?
    .controls
      .remote-follow
        = link_to t('accounts.remote_follow'), account_remote_follow_path(account), class: 'button'
  .avatar= image_tag account.avatar.url(:original), class: 'u-photo'
  %h1.name
    %span.p-name.emojify= display_name(account)
    %small
      %span= "@#{account.username}"
      = fa_icon('lock') if account.locked?
  .details
    .bio
      .account__header__content.p-note.emojify= Formatter.instance.simplified_format(account)

    .details-counters
      .counter{ class: active_nav_class(short_account_url(account)) }
        = link_to short_account_url(account), class: 'u-url u-uid' do
          %span.counter-label= t('accounts.posts')
          %span.counter-number= number_with_delimiter account.statuses_count
      .counter{ class: active_nav_class(following_account_url(account)) }
        = link_to following_account_url(account) do
          %span.counter-label= t('accounts.following')
          %span.counter-number= number_with_delimiter account.following_count
      .counter{ class: active_nav_class(followers_account_url(account)) }
        = link_to followers_account_url(account) do
          %span.counter-label= t('accounts.followers')
          %span.counter-number= number_with_delimiter account.followers_count