<div class="user-image">
  <div class="user-image-inner">
    <a href={{this.userPath}} data-user-card={{@user.username}}>{{avatar @user imageSize="large"}}</a>
    {{user-avatar-flair user=@user}}
  </div>
</div>

<div class="user-detail">
  <div class="name-line">
    <span class={{if nameFirst "name bold" "username bold"}}><a href={{this.userPath}} data-user-card={{@user.username}}>{{if nameFirst this.name (format-username @user.username)}}</a></span>
    <span class={{if nameFirst "username margin" "name margin"}}><a href={{this.userPath}} data-user-card={{@user.username}}>{{if nameFirst (format-username @user.username) this.name}}</a></span>
    {{plugin-outlet name="after-user-name" connectorTagName="span" args=(hash user=user)}}
  </div>
  <div class="title">{{@user.title}}</div>

  {{#if hasBlock}}
    <div class="details">
      {{yield}}
    </div>
  {{/if}}

</div>

{{plugin-outlet name="after-user-info" args=(hash user=user)}}
