{"size": 936, "ext": "js", "max_stars_repo_path": "Snippets/masonry/example.js", "max_stars_repo_name": "LukeSummerfield/backToTop2", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "Snippets/masonry/example.js", "max_issues_repo_name": "LukeSummerfield/backToTop2", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "Snippets/masonry/example.js", "max_forks_repo_name": "LukeSummerfield/backToTop2", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 30.1935483871, "max_line_length": 206, "alphanum_fraction": 0.6923076923}
// Some example Masonry code you might use:

// To initalize:
// store the .post-listing element in a variable
// initialize with masonry() inside an imagesLoaded() call on the container element:
var $container = $('.post-listing');
$container.imagesLoaded(function() {
    $container.masonry({
        itemSelector: '.post-item'
    });
});

// I'd recommend at least including the itemSelector option. There are others though. For example if you want the Masonry plugin to set the gutter (space between columns) instead of by doing it through CSS:

var $container = $('.post-listing');
$container.imagesLoaded(function() {
    $container.masonry({
        itemSelector: '.post-item',
        gutter: 20
    });
});


// for debugging in the console of a page you can:

// get info about your Masonry instance with:
$('.post-listing').data('masonry');

// uninitalize your Masonry instance with:
$('.post-listing').masonry('destroy');
