website/_src/pages/gallery.html

47 lines
1.9 KiB
HTML

---
order: 4
---
<section id="artworks">
<article>
{%for article in collections.articles%} {%if article.fileSlug == 'ocs'%}
{{ article.content }} {%endif%} {%endfor%}
<ul role="list">
{% assign sortedArtworks = collections.artworks | sortByFirstDate %} {%for artwork in sortedArtworks %}
<li>
<a href="{{artwork.page.url}}">
<figure>
{%if artwork.data.images[0]%}
<img src="{{artwork.data.images[0].src}}" alt="{{artwork.data.images[0].alt}}" style="{%if artwork.data.images[0].pixel%}image-rendering: pixelated;{%endif%}{%if artwork.data.images[0].position%}object-position:{{artwork.data.images[0].position}};{%endif%}"/>
<figcaption>{{artwork.page.fileSlug}}{%if artwork.data.images.size > 1%}<p class="count">(+{{artwork.data.images.size| minus: 1}})</p>{%endif%}</figcaption>
{% if artwork.data.images[0].date %}
<time datetime="{{artwork.data.images[0].date|ISO}}">{{artwork.data.images[0].date|readable}}</time>
{%endif%} {%endif%}
</figure>
</a>
</li>
{% endfor %}
</ul>
</article>
<article>
{%for article in collections.articles%} {%if article.fileSlug == 'fanart'%}
{{ article.content }} {%endif%} {%endfor%}
<ul role="list">
{%assign sortedFanarts = collections.fanarts|sortByFirstDate%} {%for
fanart in sortedFanarts%}
<li>
<a href="{{fanart.page.url}}">
<figure>
{%if fanart.data.images[0]%}
<img src="{{fanart.data.images[0].src}}" alt="{{fanart.data.images[0].alt}}" style="{%if fanart.data.images[0].pixel%}image-rendering: pixelated;{%endif%}{%if fanart.data.images[0].position%}object-position:{{fanart.data.images[0].position}};{%endif%}"/>
<figcaption>{{fanart.page.fileSlug}}</figcaption>
{%if fanart.data.images[0].date%}
<time datetime="{{fanart.data.images[0].date|ISO}}">{{fanart.data.images[0].date|readable}}</time>
{%endif%} {%endif%}
</figure>
</a>
</li>
{% endfor %}
</ul>
</article>
</section>