<div class="col-sm-6 col-md-4">
  <div class="thumbnail">
    <div class="content">
      <img ng-src="{{pin.src}}" class="img-responsive">
      <div class="caption">
        <h3>{{pin.title}}</h3>
        <p>{{pin.description | truncate:100}}</p>
      </div>
      <div class="attribution">
        <img ng-src="{{pin.avatar_src}}" class="img-circle">
        <h4>{{pin.user_name}}</h4>
      </div>
    </div>
    <div class="overlay">
      <div class="controls">
        <div class="heart">
          <a ng-click="toggleFav()">
            <img src="/images/icons/Heart-Empty.png" ng-if="!pin.faved"></img>
            <img src="/images/icons/Heart-Red.png"   ng-if="pin.faved"></img>
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
