From b3395a1039ef42f39fba4d9269f8f9f5ec7420d3 Mon Sep 17 00:00:00 2001
From: Emil Miler <emil.miler@pedf.cuni.cz>
Date: Wed, 31 Mar 2021 13:41:22 +0200
Subject: [PATCH] =?UTF-8?q?Zobrazen=C3=AD=20obr=C3=A1zk=C5=AF=20ve=20str?=
 =?UTF-8?q?=C3=A1nce=20galerie?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/katedra/galerie/_index.md |  3 ++-
 sass/main.scss                    |  9 +++++++++
 templates/gallery.html            | 19 +++++++++++++++++++
 templates/macros.html             | 10 ++++++++++
 4 files changed, 40 insertions(+), 1 deletion(-)
 create mode 100644 templates/gallery.html

diff --git a/content/katedra/galerie/_index.md b/content/katedra/galerie/_index.md
index b7db26f..2b73840 100644
--- a/content/katedra/galerie/_index.md
+++ b/content/katedra/galerie/_index.md
@@ -2,7 +2,8 @@
 title = "Galerie"
 weight = 4
 
+page_template = "gallery.html"
+
 [extra]
 icon = "ri-gallery-fill"
 +++
-
diff --git a/sass/main.scss b/sass/main.scss
index 763765a..f23f248 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -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 {
 		border: 0;
 		@include top-border($light-blue);
diff --git a/templates/gallery.html b/templates/gallery.html
new file mode 100644
index 0000000..627e0d6
--- /dev/null
+++ b/templates/gallery.html
@@ -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 %}
diff --git a/templates/macros.html b/templates/macros.html
index 6e76c50..7db944b 100644
--- a/templates/macros.html
+++ b/templates/macros.html
@@ -206,3 +206,13 @@
 		</div>
 	{% endif %}
 {% 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 %}