summaryrefslogtreecommitdiffstats
path: root/tpl
diff options
context:
space:
mode:
Diffstat (limited to 'tpl')
-rw-r--r--tpl/index.pug13
-rw-r--r--tpl/objects/backdrop.pug5
-rw-r--r--tpl/objects/lightbox.pug14
3 files changed, 23 insertions, 9 deletions
diff --git a/tpl/index.pug b/tpl/index.pug
index fde71fd..ed538df 100644
--- a/tpl/index.pug
+++ b/tpl/index.pug
@@ -554,7 +554,16 @@ html
554 +rule('medium') 554 +rule('medium')
555 555
556 +box 556 +box
557 +backdrop(class='t-dark' center=true) 557 +backdrop(class='t-dark')
558 +lightbox('avatar.png') 558 +lightbox(['avatar.png', 'ava_feralbot.png', 'volpeon_spooky.png'])
559 = "Let's try multiple links! "
560 a(href="https://mk.vulpes.one/files/3023f361-124a-4c80-bb69-9535e47c2925")
561 = "https://mk.vulpes.one/files/3023f361-124a-4c80-bb69-9535e47c2925"
562 = ' '
563 a(href="https://mk.vulpes.one/files/741dcfd3-6a26-48ae-8985-d0c3ccca016c")
564 = "https://mk.vulpes.one/files/741dcfd3-6a26-48ae-8985-d0c3ccca016c"
565 = ' '
566 a(href="https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06")
567 = "https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06"
559 568
560 569
diff --git a/tpl/objects/backdrop.pug b/tpl/objects/backdrop.pug
index 3de1f99..cbe8866 100644
--- a/tpl/objects/backdrop.pug
+++ b/tpl/objects/backdrop.pug
@@ -1,9 +1,8 @@
1mixin backdrop 1mixin backdrop
2 - 2 -
3 let classes = { 3 let classes = {
4 'o-backdrop': true, 4 'o-backdrop': true,
5 'u-p-relative': true, 5 'u-p-relative': true,
6 'o-backdrop--center': attributes.center
7 } 6 }
8 if (attributes.class) { 7 if (attributes.class) {
9 classes[attributes.class] = true; 8 classes[attributes.class] = true;
diff --git a/tpl/objects/lightbox.pug b/tpl/objects/lightbox.pug
index ba68299..bfb4f49 100644
--- a/tpl/objects/lightbox.pug
+++ b/tpl/objects/lightbox.pug
@@ -1,5 +1,11 @@
1mixin lightbox(src) 1mixin lightbox(images)
2 .o-lightbox 2 .o-lightbox
3 header.o-lightbox__header 3 header.o-lightbox__header.s-colored-links
4 +action-button(round=true quiet=true icon='x' class='o-lightbox__close-btn') 4 block
5 img.o-lightbox__img(src=src) 5 +action-button(round=true quiet=true icon='x' class='o-lightbox__close-btn')
6 img.o-lightbox__img(src=images[0])
7 footer.o-lightbox__footer
8 each img, i in images
9 - classes = i === 0 ? 'is-selected' : ''
10 button.o-lightbox__thumbnail(class=classes)
11 img.o-lightbox__thumbnail-img(src=img)