From 31211ae6797f5be399d4b72c6b8325a8f309380d Mon Sep 17 00:00:00 2001
From: weru <onewesh@gmail.com>
Date: Fri, 26 Jun 2020 14:49:21 +0000
Subject: [PATCH] add gallery support
---
layouts/shortcodes/gallery.html | 9 +++++++++
assets/sass/_components.sass | 12 ++++++++++++
2 files changed, 21 insertions(+), 0 deletions(-)
diff --git a/assets/sass/_components.sass b/assets/sass/_components.sass
index 82037ae..2c73a36 100644
--- a/assets/sass/_components.sass
+++ b/assets/sass/_components.sass
@@ -124,3 +124,15 @@
transform-origin: 50% 50%
transform: rotate(145deg)
right: 0.45rem
+
+.gallery
+ width: 100%
+ column-count: 3
+ column-gap: 1rem
+ @media screen and (max-width: 667px)
+ column-count: 2
+ &_item
+ background-color: transparent
+ margin: 0 0 1rem
+ &_image
+ margin: 0 auto
diff --git a/layouts/shortcodes/gallery.html b/layouts/shortcodes/gallery.html
new file mode 100644
index 0000000..b28c623
--- /dev/null
+++ b/layouts/shortcodes/gallery.html
@@ -0,0 +1,9 @@
+{{- $images := split (replace (.Get 0) ", " ",") "," }}
+{{- $descriptions := split (replace (.Get 1) ":: " "::") "::" }}
+<div class="gallery">
+ {{ range $index, $image := $images }}
+ <figure class="gallery_item">
+ <img src="{{ absURL $image }} " class="gallery_image"{{ with $descriptions }}{{ with (index . $index) }} alt="{{ . }}"{{ end }}{{ end }}/>
+ </figure>
+ {{ end }}
+</div>
--
Gitblit v1.10.0