feat: add gallery shortcode

content/shortcodes/index.md

@@ -156,3 +156,15 @@ The `example` admonition.
 {% admonition(type="quote", title="quote") %}
 The `quote` admonition.
 {% end %}
+
+## Gallery
+
+The `admonition()` shortcode is very simple html-only clickable picture gallery that displays all images from the page assets.
+
+It's from [Zola documentation](https://www.getzola.org/documentation/content/image-processing/)
+
+```markdown
+{{/* gallery() */}}
+```
+
+{{ gallery() }}

templates/shortcodes/gallery.html

@@ -0,0 +1,11 @@
+<div class="not-prose flex flex-wrap gap-2">
+  {% for asset in page.assets -%}<!---->
+  {% if asset is matching("[.](jpg|png)$") %}<!---->
+  {% set image = resize_image(path=asset, width=240, height=180) %}<!---->
+  {% set asset_name = asset | split(pat="/") | slice(start=-1) | join(sep="/") %}
+  <a href="{{ get_url(path=page.path ~ asset_name) }}" target="_blank">
+    <img class="rounded-lg" src="{{ image.url }}" />
+  </a>
+  {% endif %}<!---->
+  {% endfor %}
+</div>