hummingbird-me/kitsu-web

<h6 class="panel-heading">{{t "users.activity.about.header"}}</h6>
<p>{{user.about}}</p>
<ul class="about-me-stats">
  {{#if user.waifu}}
    <li class="about-stat">
      <span class="stat-icon">
        {{svg-jar "sm-heart"}}
      </span>
      <strong>{{or (t "users.activity.about.waifu.label" waifu=user.waifuOrHusbando) (t "users.activity.about.waifu.empty")}}</strong>
        <span class="waifu-wrapper">
          <img src={{image user.waifu.image}}>
        </span>
        <span class="waifu-name">{{user.waifu.name}}</span>
    </li>
  {{/if}}
  <li class="about-stat about--gender">
    <span class="stat-icon">
      {{svg-jar "gender"}}
    </span>
    <strong>{{t "users.activity.about.gender.label"}}</strong>
    <span>{{gender}}</span>
  </li>
  <li class="about-stat about--location">
    <span class="stat-icon">
      {{svg-jar "location"}}
    </span>
    <strong>{{t "users.activity.about.location"}}</strong>
    <span>
      {{#if user.location}}
        {{user.location}}
      {{else}}
        {{t "users.activity.about.empty"}}
      {{/if}}
    </span>
  </li>
  <li class="about-stat about--birthday">
    <span class="stat-icon">
      {{svg-jar "cake"}}
    </span>
    <strong>{{t "users.activity.about.birthday"}}</strong>
    <span>
      {{#if user.birthday}}
        {{moment-format user.birthday "MMMM Do" timeZone="UTC"}}
      {{else}}
        {{t "users.activity.about.empty"}}
      {{/if}}
    </span>
  </li>
  <li class="about-stat about--cal">
    <span class="stat-icon">
      {{svg-jar "cal"}}
    </span>
    <strong>{{t "users.activity.about.joined.title"}}</strong>
    <span>{{moment-format user.createdAt (t "users.activity.about.joined.date")}} {{t "users.activity.about.joined.time" time=createdHumanize}}</span>
  </li>
</ul>