Add pictures gallery, but for real.
This commit is contained in:
parent
a0ce8d55a0
commit
8a316c15f8
|
@ -0,0 +1,29 @@
|
|||
---
|
||||
title: "Gallery"
|
||||
layout: "main"
|
||||
|
||||
---
|
||||
|
||||
<style>
|
||||
.grid {
|
||||
display:grid;
|
||||
gap: 1rem;
|
||||
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
|
||||
}
|
||||
.gallery-image {
|
||||
max-width: 400px;
|
||||
max-height:400px;
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="grid">
|
||||
{% for image in site.data.gallery %}
|
||||
|
||||
<div class="gallery-item section {% if image.nsfw %}nsfw{% endif %}">
|
||||
<div style="text-align:center;"><a href="/static/gallery-img/{{ image.url }}"><img class="gallery-image" src="/static/gallery-img/{{ image.url }}"/></a></div>
|
||||
<p><b>Artist: </b><a href="{{ image.artist_url }}">{{ image.artist }}</a></p>
|
||||
</div>
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
Loading…
Reference in New Issue