29 lines
No EOL
1.4 KiB
Text
29 lines
No EOL
1.4 KiB
Text
{% assign media = data.items | default: data | normalizeMedia %}
|
|
<div class="media-grid {% if shape == 'square' %}square{% else %}vertical{% endif %}">
|
|
{% for item in media limit: count | default: media.size %}
|
|
{% assign alt = item.alt | strip | escape %}
|
|
<a href="{{ item.url | stripUtm }}" title="{{ alt }}">
|
|
<div class="item-wrapper shadow">
|
|
<div class="meta-text">
|
|
{% if item.title %}
|
|
<div class="header">{{ item.title }}</div>
|
|
{% endif %}
|
|
{% if item.plays %}
|
|
<div class="subheader">{{ item.plays }} plays</div>
|
|
{% elsif item.subtext %}
|
|
<div class="subheader">{{ item.subtext }}</div>
|
|
{% endif %}
|
|
</div>
|
|
{% assign loadingStrategy = loading | default: 'lazy' %}
|
|
{% if shape == 'square' %}
|
|
<img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=240&h=240&fm=webp&q=85" alt="{{ alt }}" loading="{{ loadingStrategy }}" decoding="async" width="240" height="240" />
|
|
{% else %}
|
|
<img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=307&fm=webp&q=85" alt="{{ alt }}" loading="{{ loadingStrategy }}" decoding="async" width="200" height="307" />
|
|
{% endif %}
|
|
</div>
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
{% unless count %}
|
|
{% render "partials/widgets/paginator.liquid", pagination:data %}
|
|
{% endunless %} |