anchor.diff:          
           <% images.each do |image| %>
           var marker = L.marker([<%= image.location['latitude'] %>, <%= image.location['longitude'] %>]).addTo(map);
  -        marker.bindPopup("<p class='title'><%= image.user['username'] %></p><br /><img src=<%= image.images['thumbnail']['url'] %> height='150px' width='150px'>");
  +        marker.bindPopup("<p class='title'><%= image.user['username'] %></p><br /><a href='<%= image.data['link'] %>' %><img src=<%= image.images['thumbnail']['url'] %> height='150px' width='150px'></a>");
           <% end %>
         </script>
  -      
  -      
       </div>
  -    
  +
   
       <div id="footer">
         <div class="container">
  
positive.code:       /* Margin bottom by footer height */
        margin-bottom: 60px;
      }
      #footer {
        position: absolute;
        bottom: 0;
  
negative.code:     
      #map { height: 580px; }
      
      p.title {
        font-size: 15px;
        line-height: 15px;
        font-weight: bolder;
        margin: 0px;
        padding: 0px;
      }
  
      .container {
  