{% import 'components/Block/Block.html' as Block %} {% macro render(id) %}
{{ Block.render('snap', {index: 1, draggable: true, classes: ['draggable-source']}) }}
{{ Block.render('two', {index: 2}) }}
{{ Block.render('', {index: 3, type: 'Stripes', classes: ['draggable-source']}) }}
{{ Block.render('', {index: 4, type: 'Stripes', classes: ['draggable-source']}) }}
{{ Block.render('five', {index: 5}) }}
{{ Block.render('', {index: 6, type: 'Stripes', classes: ['draggable-source']}) }}
{{ Block.render('crack', {index: 7, draggable: true, classes: ['draggable-source']}) }}
{{ Block.render('eight', {index: 8}) }}
{{ Block.render('', {index: 9, type: 'Stripes', classes: ['draggable-source']}) }}
{{ Block.render('ten', {index: 10}) }}
{{ Block.render('', {index: 11, type: 'Stripes', classes: ['draggable-source']}) }}
{{ Block.render('pop', {index: 12, draggable: true, classes: ['draggable-source']}) }}
{{ Block.render('pow', {index: 13, draggable: true, classes: ['draggable-source']}) }}
{{ Block.render('', {index: 14, type: 'Stripes', classes: ['draggable-source']}) }}
{{ Block.render('fifteen', {index: 15}) }}
{{ Block.render('', {index: 16, type: 'Stripes', classes: ['draggable-source']}) }}
{% endmacro %}