You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
757 B
HTML
35 lines
757 B
HTML
---
|
|
layout: default
|
|
title: Basic Shuffle Demo
|
|
description: A basic demo using shuffle with a masonry layout. This example also uses a sizer element.
|
|
image: /demos/basic.jpg
|
|
bodyClass: basic
|
|
extraJS: [ "demos/homepage.js" ]
|
|
---
|
|
<div class="container">
|
|
<div class="row">
|
|
<h2>Masonry with a sizer</h2>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="container">
|
|
<div id="grid" class="row my-shuffle-container">
|
|
{% for item in site.data.items %}
|
|
{% assign item = item %}
|
|
{% include picture-item.html %}
|
|
{% endfor %}
|
|
<div class="col-1@sm col-1@xs my-sizer-element"></div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="container">
|
|
<div class="row">
|
|
<h2>Shuffle.js</h2>
|
|
<p>{{ site.longDescription }}</p>
|
|
</div>
|
|
</div>
|
|
|
|
{% include credit-jake.html %}
|