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.
21 lines
1.3 KiB
HTML
21 lines
1.3 KiB
HTML
{% comment %} Ghetto conversion to JSON {% endcomment %}
|
|
{% capture groups %}["{{ item.groups | join: '","' }}"]{% endcapture %}
|
|
{% if item.extras | size: > 0 %}
|
|
{% capture extras %} picture-item--{{ item.extras | join: " picture-item--" }}{% endcapture %}
|
|
{% else %}
|
|
{% assign extras = "" %}
|
|
{% endif %}
|
|
{% if item.cols %}{% assign cols = item.cols %}{% else %}{% assign cols = 3 %}{% endif %}
|
|
{% assign description = item.description %}
|
|
<figure class="col-{{ cols }}@sm col-3@xs picture-item{{ extras }}" data-groups='{{ groups }}' data-date-created="{{ item.date }}" data-title="{{ item.title }}">
|
|
<div class="picture-item__inner">
|
|
<img src="{{ site.baseurl }}/img/{{ item.img }}" alt="" height="145" width="230" />
|
|
<div class="picture-item__details clearfix">
|
|
<img class="picture-item__blur" src="{{ site.baseurl }}/img/{{ item.img }}" alt="" height="145" width="230" />
|
|
<figcaption class="picture-item__title pull-left"><a href="{{ site.baseurl }}/img/originals/{{ item.original }}" target="_blank">{{ item.title }}</a></figcaption>
|
|
<p class="picture-item__tags pull-right">{{ item.groups | join: ', ' }}</p>
|
|
</div>
|
|
{% if description %}{% if description == 'longDescription' %}{% assign description = site.longDescription %}{% endif %}<p class="picture-item__description">{{ description }}</p>{% endif %}
|
|
</div>
|
|
</figure>
|