anchor.diff:    <div class="playlistItem">
         <% shoulder %>
         <% @videos.each do |video| %>
  -          <a class="fancybox fancybox.iframe" href="//player.vimeo.com/video/<%= video.try :vimeo_id %>?portrait=0&color=333" title="<%= video.try :name %>"><img class="thumb" src="https://i.vimeocdn.com/video/<%= video.try :pictures %>_200x150.jpg" alt="placeholder"></a>
  +          <a class="fancybox fancybox.iframe" href="//player.vimeo.com/video/<%= video.try :vimeo_id %>?portrait=0&color=333" title="<%= video.try :name %>" data-id="<%= video.id %>"><img class="thumb" src="https://i.vimeocdn.com/video/<%= video.try :pictures %>_200x150.jpg" alt="placeholder"></a>
             <!-- FIGURE OUT HOW TO INSERT NAME WITHOUT DISTRUPTING FLOW
             <div class="video_name"><%#= video.try :name %></div> 
             -->
  
positive.code:   <div class="playlistItem">
        <% spinal %>
        <% @videos.each do |video| %>
            <a class="fancybox fancybox.iframe" href="//player.vimeo.com/video/<%= video.try :vimeo_id %>?portrait=0&color=333" title="<%= video.try :name %>"><img class="thumb" src="https://i.vimeocdn.com/video/<%= video.try :pictures %>_200x150.jpg" alt="placeholder"></a>
            <!-- FIGURE OUT HOW TO INSERT NAME WITHOUT DISTRUPTING FLOW
            <div class="video_name"><%#= video.try :name %></div> 
            -->
  
negative.code: 
        <% chest %>
        <% @videos.each do |video| %>
            <a class="fancybox fancybox.iframe" href="//player.vimeo.com/video/<%= video.try :vimeo_id %>?portrait=0&color=333" title="<%= video.try :name %>" data-id="<%= video.id %>"><img class="thumb" src="https://i.vimeocdn.com/video/<%= video.try :pictures %>_200x150.jpg" alt="placeholder"></a>
            <!-- FIGURE OUT HOW TO INSERT NAME WITHOUT DISTRUPTING FLOW
            <div class="video_name"><%#= video.try :name %></div> 
            -->
  