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

.card.h-card.p-author{ style: "background-image: url(#{account.header.url(:original)})" }
  .card__illustration
    = render 'accounts/follow_button', account: account
    .avatar= image_tag account.avatar.url(:original), class: 'u-photo'

  .card__bio
    %h1.name
      %span.p-name.emojify= display_name(account)
      %small
        %span @#{account.local_username_and_domain}
        = fa_icon('lock') if account.locked?

    - if Setting.show_staff_badge
      - if account.user_admin?
        .roles
          .account-role.admin
            = t 'accounts.roles.admin'
      - elsif account.user_moderator?
        .roles
          .account-role.moderator
            = t 'accounts.roles.moderator'

    .bio
      .account__header__content.p-note.emojify= Formatter.instance.simplified_format(account, custom_emojify: true)

    .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-number= number_to_human account.statuses_count, strip_insignificant_zeros: true
          %span.counter-label= t('accounts.posts')

      .counter{ class: active_nav_class(account_following_index_url(account)) }
        = link_to account_following_index_url(account) do
          %span.counter-number= number_to_human account.following_count, strip_insignificant_zeros: true
          %span.counter-label= t('accounts.following')

      .counter{ class: active_nav_class(account_followers_url(account)) }
        = link_to account_followers_url(account) do
          %span.counter-number= number_to_human account.followers_count, strip_insignificant_zeros: true
          %span.counter-label= t('accounts.followers')