4 files changed, 47 insertions, 7 deletions

diff --git a/tpl/views/card.pug b/tpl/views/card.pug
index 3163b00..61081a9 100644
--- a/tpl/views/card.pug
+++ b/tpl/views/card.pug
@@ -27,17 +27,16 @@ mixin view-card
                     .l-media
                         .l-media__block
                             +badge('positive')(quiet=true icon='repeat' href='#')
-                                +icon('repeat')
-                                strong.u-mis-50= '12'
+                                strong= '12'
                         .l-media__block
                             +badge('warning')(quiet=true icon='star' href='#')
-                                +icon('star')
-                                strong.u-mis-50= '34'
+                                strong= '34'
                         .l-media__block.u-mis-auto
                             +a-button(primary=true)= 'Reply'
 
             +card(quiet=true href='#' class='l-card-list__card')
                 +card-image(src='Drawing_Half.png' style={ 'aspect-ratio': '21 / 9' })
+                    +badge= 'Drawings'
                 +card-body
                     +card-title= 'XS Heading'
                     +card-content
@@ -61,7 +60,7 @@ mixin view-card
             div(class=classes)
                 each img, i in ['Drawing_Half.png', '0000 Cover@0.5x.webp', 'avatar.png', '01 Design Cody.png', 'avatar.png', 'Drawing_Half.png']
                     +card(quiet=quiet href='#' class='l-card-list__card')
-                        +card-image(src=img class='l-card-list__card-image')
+                        +card-image(src=img list=true)
                         +card-body
                             .l-media
                                 .l-media__block.l-media__block--main
diff --git a/tpl/views/divider.pug b/tpl/views/divider.pug
index ee7b372..ea08984 100644
--- a/tpl/views/divider.pug
+++ b/tpl/views/divider.pug
@@ -23,7 +23,17 @@ mixin view-divider
             +divider('medium')
             +divider('faint')
 
-        each theme in ['blue', 'purple', 'red', 'green', 'yellow']
+        .c-box
+            .l-media(style="height: 1em")
+                +divider('strong')(vertical=true class="l-media__block")
+                +divider('medium')(vertical=true class="l-media__block")
+                +divider('faint')(vertical=true class="l-media__block")
+            .l-media(style="height: 1em")
+                +divider('strong')(dot=true class="l-media__block")
+                +divider('medium')(dot=true class="l-media__block")
+                +divider('faint')(dot=true class="l-media__block")
+
+        each theme in ['accent', 'negative']
             .c-box
                 +divider('strong')(color=theme)= 'Strong'
                 +divider('medium')(color=theme)= 'Medium'
diff --git a/tpl/views/lightbox.pug b/tpl/views/lightbox.pug
index 4eb234a..7e366c0 100644
--- a/tpl/views/lightbox.pug
+++ b/tpl/views/lightbox.pug
@@ -1,5 +1,5 @@
 mixin view-lightbox 
-    +view('lightbox', 'Lightbox')
+    +view('lightbox', 'Lightbox')(wide=true)
         .c-box
             +lightbox(['avatar.png', 'ava_feralbot.png', 'volpeon_spooky.png'])
                 = "Let's try multiple links! "
@@ -37,3 +37,15 @@ mixin view-lightbox
                     = ' '
                     a(href="https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06")
                         = "https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06"
+
+        +backdrop(maxHeight=true)
+            +lightbox(['avatar.png', 'ava_feralbot.png', 'volpeon_spooky.png'])(theme='static-white' interactive=true)
+                = "Let's try multiple links! "
+                a(href="https://mk.vulpes.one/files/3023f361-124a-4c80-bb69-9535e47c2925")
+                    = "https://mk.vulpes.one/files/3023f361-124a-4c80-bb69-9535e47c2925"
+                = ' '
+                a(href="https://mk.vulpes.one/files/741dcfd3-6a26-48ae-8985-d0c3ccca016c")
+                    = "https://mk.vulpes.one/files/741dcfd3-6a26-48ae-8985-d0c3ccca016c"
+                = ' '
+                a(href="https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06")
+                    = "https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06"
diff --git a/tpl/views/navbar.pug b/tpl/views/navbar.pug
new file mode 100644
index 0000000..345a22b
--- /dev/null
+++ b/tpl/views/navbar.pug
@@ -0,0 +1,19 @@
+mixin view-navbar 
+    +view('navbar', 'Navbar')
+        .c-box
+            +navbar
+                +navbar-item= 'Home'
+                +navbar-item(selected=true)= 'Art'
+                +navbar-item= 'Emojis'
+
+        .c-box
+            +navbar(quiet=true)
+                +navbar-item= 'Home'
+                +navbar-item(selected=true)= 'Art'
+                +navbar-item= 'Emojis'
+
+        .c-box
+            +navbar(quiet=true)
+                +navbar-item(selected=true icon="arrow-left")= 'Home'
+                +navbar-item= 'Art'
+                +navbar-item= 'Emojis'