Add card

1 files changed, 19 insertions, 5 deletions

diff --git a/tpl/views/card.pug b/tpl/views/card.pug
index 0b88b0e..6858867 100644
--- a/tpl/views/card.pug
+++ b/tpl/views/card.pug
@@ -1,9 +1,23 @@
 mixin view-card 
     +view('card', 'Card')
-        .c-box
+        .c-box(style={ display: 'flex', 'flex-direction': 'column', gap: '1em' })
             +card(href='#')
-                +slot('body')
-                    h1= 'XS Heading'
-                    p= loremIpsum
-                +slot('footer')
+                +card-image(src='Drawing_Half.png')
+                +card-avatar(src='avatar.png')
+                +card-body
+                    +card-title= 'XS Heading'
+                    +card-content= loremIpsum
+                +card-footer
+                    = 'Footer'
+
+            +card(href='#')
+                +card-body
+                    .l-media
+                        +avatar(class='l-media__block' src='avatar.png')
+                        .l-media__block.l-media__block--main
+                            strong.u-d-block= 'Volpeon'
+                            small.u-d-block= '@volpeon@is-a.wyvern.rip'
+                    +card-content= loremIpsum
+                +card-image(src='Drawing_Half.png')
+                +card-body
                     = 'Footer'