2017-10-23 22:07:05 +02:00
|
|
|
<div class="row row--padded">
|
2017-10-21 00:12:09 +02:00
|
|
|
<div class="grid">
|
|
|
|
|
{{#each trendingAssets}}
|
|
|
|
|
{{> gridItem}}
|
|
|
|
|
{{/each}}
|
2017-10-19 18:18:40 +02:00
|
|
|
</div>
|
2017-09-29 23:11:00 +02:00
|
|
|
</div>
|
|
|
|
|
|
2017-10-13 18:29:29 +02: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>
|
