Proper gallery css
This commit is contained in:
parent
8ef971ec6a
commit
c45246d128
1 changed files with 6 additions and 3 deletions
|
@ -24,11 +24,14 @@
|
||||||
{% macro render_gallery(post) %}
|
{% macro render_gallery(post) %}
|
||||||
<div class="center">
|
<div class="center">
|
||||||
<h2>Gallery</h2>
|
<h2>Gallery</h2>
|
||||||
<div style="display: flex; justify-content: center; flex-flow: row wrap; ">
|
<div class="grid">
|
||||||
{% for attachment in post.children.get("gallery").attachments.order_by("_id") %}
|
{% for attachment in post.children.get("gallery").attachments.order_by("_id") %}
|
||||||
<a href="/blog/{{post._slug}}/gallery/{{attachment._id}}" style="width: 30%">
|
<a href="/blog/{{post._slug}}/gallery/{{attachment._id}}">
|
||||||
<img src="/blog/{{post._slug}}/gallery/{{attachment._id}}">
|
<img src="/blog/{{post._slug}}/gallery/{{attachment._id}}" class="col-1-3">
|
||||||
</a>
|
</a>
|
||||||
|
{% if loop.index is divisibleby(3) %}
|
||||||
|
</div><div class="grid">
|
||||||
|
{% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
<hr class="light">
|
<hr class="light">
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue