2017-10-23 13:07:05 -07:00
|
|
|
<div class="row row--padded">
|
2017-10-20 15:12:09 -07:00
|
|
|
<div class="grid">
|
|
|
|
|
{{#each trendingAssets}}
|
|
|
|
|
{{> gridItem}}
|
|
|
|
|
{{/each}}
|
2017-10-19 09:18:40 -07:00
|
|
|
</div>
|
2017-09-29 14:11:00 -07:00
|
|
|
</div>
|
|
|
|
|
|
2017-10-13 09:29:29 -07:00
|
|
|
<script src="/assets/vendors/masonry/masonry.pkgd.min.js"></script>
|
|
|
|
|
<script src="/assets/vendors/imagesloaded/imagesloaded.pkgd.min.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
// init masonry with element
|
|
|
|
|
var grid = document.querySelector('.grid');
|
|
|
|
|
var msnry;
|
|
|
|
|
|
|
|
|
|
imagesLoaded( grid, function() {
|
|
|
|
|
msnry = new Masonry( grid, {
|
|
|
|
|
itemSelector: '.grid-item',
|
|
|
|
|
columnWidth: 3,
|
|
|
|
|
percentPosition: true
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
</script>
|
