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.
22 lines
742 B
HTML
22 lines
742 B
HTML
<div class="row js-demos demo-list">
|
|
{% for post in site.data.demos %}
|
|
<div class="col-3@sm col-3@xs figure-wrap js-demo">
|
|
{% if post.external %}
|
|
<a href="{{ post.url }}" target="_blank" rel="noopener">
|
|
{% else %}
|
|
<a href="{{ site.baseurl }}/{{ post.slug }}">
|
|
{% endif %}
|
|
<figure>
|
|
<div class="aspect aspect--4x3">
|
|
<picture>
|
|
<source srcset="{{ site.baseurl }}/img/demos/{{ post.slug }}.webp" type="image/webp">
|
|
<img src="{{ site.baseurl }}/img/demos/{{ post.slug }}.jpg" alt="{{ post.label }}">
|
|
</picture>
|
|
</div>
|
|
<figcaption>{{ post.label }}</figcaption>
|
|
</figure>
|
|
</a>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|