From f21995712db77b20efa167b4624cdea6cbc40f5d Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 22 Feb 2023 09:05:16 +0100
Subject: More avatar sizes

---
 tpl/views/avatar.pug | 64 ++++++++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 60 insertions(+), 4 deletions(-)

(limited to 'tpl/views')

diff --git a/tpl/views/avatar.pug b/tpl/views/avatar.pug
index fcde68d..b08f5d7 100644
--- a/tpl/views/avatar.pug
+++ b/tpl/views/avatar.pug
@@ -2,11 +2,39 @@ mixin view-avatar
     +view('avatar', 'Avatar')
         .c-box
             div(style={ display: 'flex', gap: '.3em' })
-                +avatar(size='150' hue=180 href='#')
+                +avatar(size='400' href='#')
                     = 'Vo'
-                +avatar(size='150' hue=225)
+                +avatar(size='400' status='green' hue=45)
+                    = 'lp'
+                +avatar(size='400' src='avatar.png')
+                +avatar(size='400' src='avatar.png' status='red')
+            br
+            br
+            div(style={ display: 'flex', gap: '.3em' })
+                +avatar(size='300' href='#')
+                    = 'Vo'
+                +avatar(size='300' status='green' hue=45)
+                    = 'lp'
+                +avatar(size='300' src='avatar.png')
+                +avatar(size='300' src='avatar.png' status='red')
+            br
+            br
+            div(style={ display: 'flex', gap: '.3em' })
+                +avatar(size='200' href='#')
+                    = 'Vo'
+                +avatar(size='200' status='green' hue=45)
+                    = 'lp'
+                +avatar(size='200' src='avatar.png')
+                +avatar(size='200' src='avatar.png' status='red')
+            br
+            br
+            div(style={ display: 'flex', gap: '.3em' })
+                +avatar(size='150' href='#')
+                    = 'Vo'
+                +avatar(size='150' status='green' hue=45)
                     = 'lp'
                 +avatar(size='150' src='avatar.png')
+                +avatar(size='150' src='avatar.png' status='red')
             br
             br
             div(style={ display: 'flex', gap: '.3em' })
@@ -36,11 +64,39 @@ mixin view-avatar
 
         .c-box
             div(style={ display: 'flex', gap: '.3em' })
-                +avatar(circle=true size='150' hue=180 href='#')
+                +avatar(circle=true size='400' href='#')
+                    = 'Vo'
+                +avatar(circle=true size='400' status='green' hue=45)
+                    = 'lp'
+                +avatar(circle=true size='400' src='avatar.png')
+                +avatar(circle=true size='400' src='avatar.png' status='red')
+            br
+            br
+            div(style={ display: 'flex', gap: '.3em' })
+                +avatar(circle=true size='300' href='#')
+                    = 'Vo'
+                +avatar(circle=true size='300' status='green' hue=45)
+                    = 'lp'
+                +avatar(circle=true size='300' src='avatar.png')
+                +avatar(circle=true size='300' src='avatar.png' status='red')
+            br
+            br
+            div(style={ display: 'flex', gap: '.3em' })
+                +avatar(circle=true size='200' href='#')
+                    = 'Vo'
+                +avatar(circle=true size='200' status='green' hue=45)
+                    = 'lp'
+                +avatar(circle=true size='200' src='avatar.png')
+                +avatar(circle=true size='200' src='avatar.png' status='red')
+            br
+            br
+            div(style={ display: 'flex', gap: '.3em' })
+                +avatar(circle=true size='150' href='#')
                     = 'Vo'
-                +avatar(circle=true size='150' hue=225)
+                +avatar(circle=true size='150' status='green' hue=45)
                     = 'lp'
                 +avatar(circle=true size='150' src='avatar.png')
+                +avatar(circle=true size='150' src='avatar.png' status='red')
             br
             br
             div(style={ display: 'flex', gap: '.3em' })
-- 
cgit v1.2.3-54-g00ecf