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-70-g09d2