summaryrefslogtreecommitdiffstats
path: root/tpl/views
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-06-29 10:01:02 +0200
committerVolpeon <git@volpeon.ink>2024-06-29 10:01:02 +0200
commit6376f1a5225b2fa45f6c861d4a265bf13b56d038 (patch)
tree7c2ec8bea63df05b6a533fdfa6dab4b2f17f7a1f /tpl/views
parentUpdate (diff)
downloadiro-design-6376f1a5225b2fa45f6c861d4a265bf13b56d038.tar.gz
iro-design-6376f1a5225b2fa45f6c861d4a265bf13b56d038.tar.bz2
iro-design-6376f1a5225b2fa45f6c861d4a265bf13b56d038.zip
Update
Diffstat (limited to 'tpl/views')
-rw-r--r--tpl/views/card.pug31
-rw-r--r--tpl/views/lightbox.pug20
2 files changed, 39 insertions, 12 deletions
diff --git a/tpl/views/card.pug b/tpl/views/card.pug
index e466cdc..4871d30 100644
--- a/tpl/views/card.pug
+++ b/tpl/views/card.pug
@@ -1,5 +1,5 @@
1mixin view-card 1mixin view-card
2 +view('card', 'Card') 2 +view('card', 'Card')(wide=true)
3 .c-box(style={ display: 'flex', 'flex-direction': 'column', gap: '2em' }) 3 .c-box(style={ display: 'flex', 'flex-direction': 'column', gap: '2em' })
4 +card(href='#') 4 +card(href='#')
5 +card-image(src='Drawing_Half.png' style={ 'aspect-ratio': '21 / 9' }) 5 +card-image(src='Drawing_Half.png' style={ 'aspect-ratio': '21 / 9' })
@@ -44,11 +44,26 @@ mixin view-card
44 p= loremIpsum 44 p= loremIpsum
45 p= loremIpsum 45 p= loremIpsum
46 46
47 +divider('faint') 47 each layout in ['grid', 'masonry', 'masonry-h']
48 -
49 let quiet = true
48 50
49 .l-card-list.l-card-list--masonry 51 let classes = {
50 each img in ['Drawing_Half.png', '0000 Cover@0.5x.webp', 'avatar.png', '01 Design Cody.png', 'avatar.png', 'Drawing_Half.png'] 52 'l-card-list': true,
51 +card(href='#' class='l-card-list__card') 53 'l-card-list--aspect-5/4': layout === 'grid',
52 +card-image(src=img) 54 'l-card-list--quiet': quiet,
53 +card-body 55 }
54 +card-title= 'XS Heading' 56 classes[`l-card-list--${layout}`] = true;
57
58
59 +divider('faint')(class='u-mb-700')
60
61 div(class=classes)
62 each img, i in ['Drawing_Half.png', '0000 Cover@0.5x.webp', 'avatar.png', '01 Design Cody.png', 'avatar.png', 'Drawing_Half.png']
63 +card(quiet=quiet href='#' class='l-card-list__card')
64 +card-image(src=img class='l-card-list__card-image')
65 +card-body
66 .l-media
67 .l-media__block.l-media__block--main
68 h1.u-mbs-0= 'XS Heading'
69 small.u-c-mute-more= `Episode ${i + 1}`
diff --git a/tpl/views/lightbox.pug b/tpl/views/lightbox.pug
index 8169a35..4eb234a 100644
--- a/tpl/views/lightbox.pug
+++ b/tpl/views/lightbox.pug
@@ -1,8 +1,20 @@
1mixin view-lightbox 1mixin view-lightbox
2 +view('lightbox', 'Lightbox') 2 +view('lightbox', 'Lightbox')
3 .c-box 3 .c-box
4 +backdrop(class='t-media') 4 +lightbox(['avatar.png', 'ava_feralbot.png', 'volpeon_spooky.png'])
5 +lightbox(['avatar.png', 'ava_feralbot.png', 'volpeon_spooky.png']) 5 = "Let's try multiple links! "
6 a(href="https://mk.vulpes.one/files/3023f361-124a-4c80-bb69-9535e47c2925")
7 = "https://mk.vulpes.one/files/3023f361-124a-4c80-bb69-9535e47c2925"
8 = ' '
9 a(href="https://mk.vulpes.one/files/741dcfd3-6a26-48ae-8985-d0c3ccca016c")
10 = "https://mk.vulpes.one/files/741dcfd3-6a26-48ae-8985-d0c3ccca016c"
11 = ' '
12 a(href="https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06")
13 = "https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06"
14
15 .c-box
16 +backdrop
17 +lightbox(['avatar.png', 'ava_feralbot.png', 'volpeon_spooky.png'])(theme='static-white')
6 = "Let's try multiple links! " 18 = "Let's try multiple links! "
7 a(href="https://mk.vulpes.one/files/3023f361-124a-4c80-bb69-9535e47c2925") 19 a(href="https://mk.vulpes.one/files/3023f361-124a-4c80-bb69-9535e47c2925")
8 = "https://mk.vulpes.one/files/3023f361-124a-4c80-bb69-9535e47c2925" 20 = "https://mk.vulpes.one/files/3023f361-124a-4c80-bb69-9535e47c2925"
@@ -14,8 +26,8 @@ mixin view-lightbox
14 = "https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06" 26 = "https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06"
15 27
16 .c-box 28 .c-box
17 +backdrop(class='t-media') 29 +backdrop
18 +lightbox(['avatar.png']) 30 +lightbox(['avatar.png'])(theme='static-white')
19 = "Let's try multiple links! " 31 = "Let's try multiple links! "
20 a(href="https://mk.vulpes.one/files/3023f361-124a-4c80-bb69-9535e47c2925") 32 a(href="https://mk.vulpes.one/files/3023f361-124a-4c80-bb69-9535e47c2925")
21 = "https://mk.vulpes.one/files/3023f361-124a-4c80-bb69-9535e47c2925" 33 = "https://mk.vulpes.one/files/3023f361-124a-4c80-bb69-9535e47c2925"