isotope code from Elijah's code, ammended to ensure filters work with the Infinite Scroller component.

code-block.js

jQuery(document).ready( function() {
  
  var $grid = jQuery('.grid').isotope({
    itemSelector: '.grid-item',
    layoutMode: 'fitRows',
    getSortData: {
     title: '.title',
     date: '.date'
    }
  })
  
  jQuery('.category').each( function() {
    
    jQuery(this).closest('.grid-item').addClass(jQuery(this).text().toLowerCase());
    jQuery(this).remove();
    
  })
  
  jQuery('[data-filter]').click( function(e) {
    
    e.preventDefault();
    
    $grid.isotope({ filter: jQuery(this).data('filter') })
    
  })
  
  jQuery('[data-sortby]').click( function(e) {
    
    e.preventDefault();
    
    $grid.isotope({ sortBy: jQuery(this).data('sortby') })
    
  });

  /* Addng the classes again on the append.infiniteScroll event */
  jQuery('.grid').on( 'append.infiniteScroll', function( event, body, path, items, response ) {
    
    jQuery('.category').each( function() {
    
      jQuery(this).closest('.grid-item').addClass(jQuery(this).text().toLowerCase());
      jQuery(this).remove();

    });
    
  });
  
})