<span class="avatar-element"
      ng-style="{'width': size, 'height': size, 'backgroundColor': data.color, 'fontSize': fontSize, 'lineHeight': lineHeight}"
      ng-class="data.kind">
  <img ng-src="//www.gravatar.com/avatar/{{ data.hash }}?d=404&size={{ size }}"
       ng-if="loadGravatar"
       ng-show="hasGravatar"
       ng-image-watch="imageCallback(result)">
  <span class="default-avatar" ng-if="!isLoading && !hasGravatar">
    <span class="letter" ng-if="data.kind != 'team' || data.name != 'owners'">{{ data.name.charAt(0).toUpperCase() }}</span>
    <span class="letter" ng-if="data.kind == 'team' && data.name == 'owners'">&Omega;</span>
  </span>
</span>