fr
/
web
forked from kittv/web
1
0
Fork 0

Zobrazení obrázků ve stránce galerie

content
Emil Miler 4 years ago
parent b8098d962e
commit b3395a1039

@ -2,7 +2,8 @@
title = "Galerie" title = "Galerie"
weight = 4 weight = 4
page_template = "gallery.html"
[extra] [extra]
icon = "ri-gallery-fill" icon = "ri-gallery-fill"
+++ +++

@ -366,6 +366,15 @@ main {
} }
} }
.gallery {
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 1em;
row-gap: 1em;
img:hover { box-shadow: 0px 1px 9px #00000088 }
}
.button { .button {
border: 0; border: 0;
@include top-border($light-blue); @include top-border($light-blue);

@ -0,0 +1,19 @@
{% extends "base.html" %}
{% block extra %}
{{ macro::breadcrumbs(page=page) }}
{% endblock %}
{% block content %}
<main>
<section class="centering">
<h1>{% if page.extra.heading %}
{{ page.extra.heading }}
{% else %}
{{ page.title }}
{% endif %}</h1>
{{ page.content | safe }}
{{ macro::gallery(page=page) }}
</section>
</main>
{% endblock content %}

@ -206,3 +206,13 @@
</div> </div>
{% endif %} {% endif %}
{% endmacro %} {% endmacro %}
{% macro gallery(page) %}
<div class="gallery">
{% for asset in page.assets %}
{% if asset is matching("[.](jpg|png)$") %}
<img src="{{ resize_image(path=asset, width=240, height=240, op="fill") }}" alt="{{ asset }}">
{% endif %}
{% endfor %}
</div>
{% endmacro %}

Loading…
Cancel
Save