fedibird-fe/app/views/accounts/_header.html.haml

.public-account-header{:class => ("inactive" if account.moved?)}
  .public-account-header__image
    = image_tag (prefers_autoplay? ? account.header_original_url : account.header_static_url), class: 'parallax'
  .public-account-header__bar
    = link_to short_account_url(account), account_cat_params(account, class: 'avatar') do
      = image_tag (prefers_autoplay? ? account.avatar_original_url : account.avatar_static_url), id: 'profile_page_avatar', data: { original: full_asset_url(account.avatar_original_url), static: full_asset_url(account.avatar_static_url), autoplay: prefers_autoplay? }
    .public-account-header__tabs
      .public-account-header__tabs__name
        %h1
          = display_name(account, custom_emojify: true)
          %small
            = acct(account)
            = fa_icon('lock') if account.locked?
      .public-account-header__tabs__tabs
        .details-counters
          .counter{ class: active_nav_class(short_account_url(account), short_account_with_replies_url(account), short_account_media_url(account)) }
            - if account.hide_statuses_count?
              = link_to short_account_url(account), class: 'u-url u-uid', title: t('accounts.secret') do
                %span.counter-number= '-'
                %span.counter-label= t('accounts.posts', count: 0)
            - else
              = link_to short_account_url(account), class: 'u-url u-uid', title: number_with_delimiter(account.public_statuses_count) do
                %span.counter-number= friendly_number_to_human account.public_statuses_count
                %span.counter-label= t('accounts.posts', count: account.public_statuses_count)

          .counter{ class: active_nav_class(account_following_index_url(account)) }
            - if account.hide_following_count?
              = link_to account_following_index_url(account), title: t('accounts.secret') do
                %span.counter-number= '-'
                %span.counter-label= t('accounts.following', count: 0)
            - else
              = link_to account_following_index_url(account), title: number_with_delimiter(account.public_following_count) do
                %span.counter-number= friendly_number_to_human account.public_following_count
                %span.counter-label= t('accounts.following', count: account.public_following_count)

          .counter{ class: active_nav_class(account_followers_url(account)) }
            - if account.hide_followers_count?
              = link_to account_followers_url(account), title: t('accounts.secret') do
                %span.counter-number= '-'
                %span.counter-label= t('accounts.followers', count: 0)
            - else
              = link_to account_followers_url(account), title: number_with_delimiter(account.public_followers_count) do
                %span.counter-number= friendly_number_to_human account.public_followers_count
                %span.counter-label= t('accounts.followers', count: account.public_followers_count)
        .spacer
        .public-account-header__tabs__tabs__buttons
          = account_action_button(account)

    .public-account-header__extra
      = render 'accounts/bio', account: account

      .public-account-header__extra__links
        = link_to account_following_index_url(account) do
          %strong= friendly_number_to_human account.public_following_count
          = t('accounts.following', count: account.public_following_count)
        = link_to account_followers_url(account) do
          %strong= friendly_number_to_human account.public_followers_count
          = t('accounts.followers', count: account.public_followers_count)