diff options
| author | Volpeon <git@volpeon.ink> | 2023-01-26 15:23:52 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2023-01-26 15:23:52 +0100 |
| commit | a1870a62f262dad9affcfebec1e07168c022ae5d (patch) | |
| tree | 266f463bfa14f13642ffda9b29d3123560fdc33f /tpl/views | |
| parent | Fix (diff) | |
| download | iro-design-a1870a62f262dad9affcfebec1e07168c022ae5d.tar.gz iro-design-a1870a62f262dad9affcfebec1e07168c022ae5d.tar.bz2 iro-design-a1870a62f262dad9affcfebec1e07168c022ae5d.zip | |
Avatar
Diffstat (limited to 'tpl/views')
| -rw-r--r-- | tpl/views/avatar.pug | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/tpl/views/avatar.pug b/tpl/views/avatar.pug index 7941649..fcde68d 100644 --- a/tpl/views/avatar.pug +++ b/tpl/views/avatar.pug | |||
| @@ -2,7 +2,7 @@ mixin view-avatar | |||
| 2 | +view('avatar', 'Avatar') | 2 | +view('avatar', 'Avatar') |
| 3 | .c-box | 3 | .c-box |
| 4 | div(style={ display: 'flex', gap: '.3em' }) | 4 | div(style={ display: 'flex', gap: '.3em' }) |
| 5 | +avatar(size='150' hue=180) | 5 | +avatar(size='150' hue=180 href='#') |
| 6 | = 'Vo' | 6 | = 'Vo' |
| 7 | +avatar(size='150' hue=225) | 7 | +avatar(size='150' hue=225) |
| 8 | = 'lp' | 8 | = 'lp' |
| @@ -10,7 +10,7 @@ mixin view-avatar | |||
| 10 | br | 10 | br |
| 11 | br | 11 | br |
| 12 | div(style={ display: 'flex', gap: '.3em' }) | 12 | div(style={ display: 'flex', gap: '.3em' }) |
| 13 | +avatar | 13 | +avatar(href='#') |
| 14 | = 'Vo' | 14 | = 'Vo' |
| 15 | +avatar(status='green' hue=45) | 15 | +avatar(status='green' hue=45) |
| 16 | = 'lp' | 16 | = 'lp' |
| @@ -19,7 +19,7 @@ mixin view-avatar | |||
| 19 | br | 19 | br |
| 20 | br | 20 | br |
| 21 | div(style={ display: 'flex', gap: '.3em' }) | 21 | div(style={ display: 'flex', gap: '.3em' }) |
| 22 | +avatar(size='75' hue=90) | 22 | +avatar(size='75' hue=90 href='#') |
| 23 | = 'eo' | 23 | = 'eo' |
| 24 | +avatar(size='75' status='green' hue=135) | 24 | +avatar(size='75' status='green' hue=135) |
| 25 | = 'n' | 25 | = 'n' |
| @@ -28,7 +28,7 @@ mixin view-avatar | |||
| 28 | br | 28 | br |
| 29 | br | 29 | br |
| 30 | div(style={ display: 'flex', gap: '.3em' }) | 30 | div(style={ display: 'flex', gap: '.3em' }) |
| 31 | +avatar(size='50' hue=180) | 31 | +avatar(size='50' hue=180 href='#') |
| 32 | = 'V' | 32 | = 'V' |
| 33 | +avatar(size='50' hue=225) | 33 | +avatar(size='50' hue=225) |
| 34 | = 'o' | 34 | = 'o' |
| @@ -36,7 +36,7 @@ mixin view-avatar | |||
| 36 | 36 | ||
| 37 | .c-box | 37 | .c-box |
| 38 | div(style={ display: 'flex', gap: '.3em' }) | 38 | div(style={ display: 'flex', gap: '.3em' }) |
| 39 | +avatar(circle=true size='150' hue=180) | 39 | +avatar(circle=true size='150' hue=180 href='#') |
| 40 | = 'Vo' | 40 | = 'Vo' |
| 41 | +avatar(circle=true size='150' hue=225) | 41 | +avatar(circle=true size='150' hue=225) |
| 42 | = 'lp' | 42 | = 'lp' |
| @@ -44,7 +44,7 @@ mixin view-avatar | |||
| 44 | br | 44 | br |
| 45 | br | 45 | br |
| 46 | div(style={ display: 'flex', gap: '.3em' }) | 46 | div(style={ display: 'flex', gap: '.3em' }) |
| 47 | +avatar(circle=true) | 47 | +avatar(circle=true href='#') |
| 48 | = 'Vo' | 48 | = 'Vo' |
| 49 | +avatar(circle=true status='green' hue=45) | 49 | +avatar(circle=true status='green' hue=45) |
| 50 | = 'lp' | 50 | = 'lp' |
| @@ -53,7 +53,7 @@ mixin view-avatar | |||
| 53 | br | 53 | br |
| 54 | br | 54 | br |
| 55 | div(style={ display: 'flex', gap: '.3em' }) | 55 | div(style={ display: 'flex', gap: '.3em' }) |
| 56 | +avatar(circle=true size='75' hue=90) | 56 | +avatar(circle=true size='75' hue=90 href='#') |
| 57 | = 'eo' | 57 | = 'eo' |
| 58 | +avatar(circle=true size='75' status='green' hue=135) | 58 | +avatar(circle=true size='75' status='green' hue=135) |
| 59 | = 'n' | 59 | = 'n' |
| @@ -62,7 +62,7 @@ mixin view-avatar | |||
| 62 | br | 62 | br |
| 63 | br | 63 | br |
| 64 | div(style={ display: 'flex', gap: '.3em' }) | 64 | div(style={ display: 'flex', gap: '.3em' }) |
| 65 | +avatar(circle=true size='50' hue=180) | 65 | +avatar(circle=true size='50' hue=180 href='#') |
| 66 | = 'V' | 66 | = 'V' |
| 67 | +avatar(circle=true size='50' hue=225) | 67 | +avatar(circle=true size='50' hue=225) |
| 68 | = 'o' | 68 | = 'o' |