summaryrefslogtreecommitdiffstats
path: root/tpl
diff options
context:
space:
mode:
Diffstat (limited to 'tpl')
-rw-r--r--tpl/objects/lightbox.pug12
-rw-r--r--tpl/views/lightbox.pug13
2 files changed, 20 insertions, 5 deletions
diff --git a/tpl/objects/lightbox.pug b/tpl/objects/lightbox.pug
index 5ba8c57..faf7fa2 100644
--- a/tpl/objects/lightbox.pug
+++ b/tpl/objects/lightbox.pug
@@ -2,12 +2,14 @@ include icon.pug
2 2
3mixin lightbox(images) 3mixin lightbox(images)
4 .o-lightbox 4 .o-lightbox
5 header.o-lightbox__header.s-colored-links 5 header.o-lightbox__header
6 block 6 .s-colored-links
7 +action-button(round=true quiet=true icon='x' class='o-lightbox__close-btn') 7 block
8 +action-button(round=true quiet=true icon='x' class='o-lightbox__close-btn')
8 img.o-lightbox__img(src=images[0]) 9 img.o-lightbox__img(src=images[0])
9 +action-button(round=true quiet=true icon='chevron-left' class='o-lightbox__nav-btn o-lightbox__nav-btn--prev') 10 if images.length > 1
10 +action-button(round=true quiet=true icon='chevron-right' class='o-lightbox__nav-btn o-lightbox__nav-btn--next') 11 +action-button(round=true quiet=true icon='chevron-left' class='o-lightbox__nav-btn o-lightbox__nav-btn--prev')
12 +action-button(round=true quiet=true icon='chevron-right' class='o-lightbox__nav-btn o-lightbox__nav-btn--next')
11 .o-lightbox__thumbnails 13 .o-lightbox__thumbnails
12 each img, i in images 14 each img, i in images
13 - classes = i === 0 ? 'is-selected' : '' 15 - classes = i === 0 ? 'is-selected' : ''
diff --git a/tpl/views/lightbox.pug b/tpl/views/lightbox.pug
index 174e904..c1e5054 100644
--- a/tpl/views/lightbox.pug
+++ b/tpl/views/lightbox.pug
@@ -12,3 +12,16 @@ mixin view-lightbox
12 = ' ' 12 = ' '
13 a(href="https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06") 13 a(href="https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06")
14 = "https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06" 14 = "https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06"
15
16 .c-box
17 +backdrop(class='t-dark')
18 +lightbox(['avatar.png'])
19 = "Let's try multiple links! "
20 a(href="https://mk.vulpes.one/files/3023f361-124a-4c80-bb69-9535e47c2925")
21 = "https://mk.vulpes.one/files/3023f361-124a-4c80-bb69-9535e47c2925"
22 = ' '
23 a(href="https://mk.vulpes.one/files/741dcfd3-6a26-48ae-8985-d0c3ccca016c")
24 = "https://mk.vulpes.one/files/741dcfd3-6a26-48ae-8985-d0c3ccca016c"
25 = ' '
26 a(href="https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06")
27 = "https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06"