Skip to content

Instantly share code, notes, and snippets.

@esperancaJS
Created March 29, 2016 11:10
Show Gist options
  • Save esperancaJS/705125bc622221f3f7d1 to your computer and use it in GitHub Desktop.
Save esperancaJS/705125bc622221f3f7d1 to your computer and use it in GitHub Desktop.
<div ng-style="{'background-position': event.host.profile_picture.center_x+'% '+event.host.profile_picture.center_y+'%', 'background-image':'url('+global.imgCDN+'/'+event.host.profile_picture.url+')'}" class="avatar avatar--medium host hidden-xs" style="background-image: url(&quot;http://res.cloudinary.com/altar/image/upload/v1455021370/venga/avatars/paolo.png&quot;); background-position: 50% 50%;">
<div class="avatar-tooltip" person="event.host" cdn="http://res.cloudinary.com/altar/image/upload" class="ng-isolate-scope">
<div ng-show="avatarTooltip.person &amp;&amp; avatarTooltip.mouseIn" class="" style="">
<div class="arrow"></div>
<div class="row"> <img class="avatar avatar--large tooltipAvatar" ng-src="http://res.cloudinary.com/altar/image/upload/v1455021370/venga/avatars/paolo.png" src="http://res.cloudinary.com/altar/image/upload/v1455021370/venga/avatars/paolo.png"> </div>
<div class="row">
<h1 class="name ng-binding">Paolo D.</h1> </div>
<div class="row stars text-center"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> </div>
<div class="row"> <span class="hashTag">#happy</span> <span class="hashTag">#friendly</span> </div>
<div class="row">
<p class="follow ng-binding">following: 0 | followers: 0</p>
</div>
<div class="row">
<button class="btn--simple"> + Follow </button>
</div>
<!-- <pre>{{avatarTooltip.person | json}}</pre> -->
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment