diff options
Diffstat (limited to 'tpl')
| -rw-r--r-- | tpl/index.pug | 32 |
1 files changed, 16 insertions, 16 deletions
diff --git a/tpl/index.pug b/tpl/index.pug index dc037f5..d224c53 100644 --- a/tpl/index.pug +++ b/tpl/index.pug | |||
| @@ -29,7 +29,7 @@ mixin user-card(name, hue) | |||
| 29 | const avaName = name.slice(0, 1) | 29 | const avaName = name.slice(0, 1) |
| 30 | 30 | ||
| 31 | .l-card.l-card--flush.l-card--75 | 31 | .l-card.l-card--flush.l-card--75 |
| 32 | +avatar(block=true size='xs' class='l-card__block' hue=hue) | 32 | +avatar(block=true size='50' class='l-card__block' hue=hue) |
| 33 | = avaName | 33 | = avaName |
| 34 | = name | 34 | = name |
| 35 | 35 | ||
| @@ -397,20 +397,20 @@ html | |||
| 397 | br | 397 | br |
| 398 | br | 398 | br |
| 399 | div(style={ display: 'flex', gap: '.3em' }) | 399 | div(style={ display: 'flex', gap: '.3em' }) |
| 400 | +avatar(size='sm' hue=90) | 400 | +avatar(size='75' hue=90) |
| 401 | = 'eo' | 401 | = 'eo' |
| 402 | +avatar(size='sm' status='green' hue=135) | 402 | +avatar(size='75' status='green' hue=135) |
| 403 | = 'n' | 403 | = 'n' |
| 404 | +avatar(size='sm' src='avatar.png') | 404 | +avatar(size='75' src='avatar.png') |
| 405 | +avatar(size='sm' src='avatar.png' status='red') | 405 | +avatar(size='75' src='avatar.png' status='red') |
| 406 | br | 406 | br |
| 407 | br | 407 | br |
| 408 | div(style={ display: 'flex', gap: '.3em' }) | 408 | div(style={ display: 'flex', gap: '.3em' }) |
| 409 | +avatar(size='xs' hue=180) | 409 | +avatar(size='50' hue=180) |
| 410 | = 'V' | 410 | = 'V' |
| 411 | +avatar(size='xs' hue=225) | 411 | +avatar(size='50' hue=225) |
| 412 | = 'o' | 412 | = 'o' |
| 413 | +avatar(size='xs' src='avatar.png') | 413 | +avatar(size='50' src='avatar.png') |
| 414 | 414 | ||
| 415 | +box | 415 | +box |
| 416 | div(style={ display: 'flex', gap: '.3em' }) | 416 | div(style={ display: 'flex', gap: '.3em' }) |
| @@ -423,20 +423,20 @@ html | |||
| 423 | br | 423 | br |
| 424 | br | 424 | br |
| 425 | div(style={ display: 'flex', gap: '.3em' }) | 425 | div(style={ display: 'flex', gap: '.3em' }) |
| 426 | +avatar(circle=true size='sm' hue=90) | 426 | +avatar(circle=true size='75' hue=90) |
| 427 | = 'eo' | 427 | = 'eo' |
| 428 | +avatar(circle=true size='sm' status='green' hue=135) | 428 | +avatar(circle=true size='75' status='green' hue=135) |
| 429 | = 'n' | 429 | = 'n' |
| 430 | +avatar(circle=true size='sm' src='avatar.png') | 430 | +avatar(circle=true size='75' src='avatar.png') |
| 431 | +avatar(circle=true size='sm' src='avatar.png' status='red') | 431 | +avatar(circle=true size='75' src='avatar.png' status='red') |
| 432 | br | 432 | br |
| 433 | br | 433 | br |
| 434 | div(style={ display: 'flex', gap: '.3em' }) | 434 | div(style={ display: 'flex', gap: '.3em' }) |
| 435 | +avatar(circle=true size='xs' hue=180) | 435 | +avatar(circle=true size='50' hue=180) |
| 436 | = 'V' | 436 | = 'V' |
| 437 | +avatar(circle=true size='xs' hue=225) | 437 | +avatar(circle=true size='50' hue=225) |
| 438 | = 'o' | 438 | = 'o' |
| 439 | +avatar(circle=true size='xs' src='avatar.png') | 439 | +avatar(circle=true size='50' src='avatar.png') |
| 440 | 440 | ||
| 441 | //----------------------------------------- | 441 | //----------------------------------------- |
| 442 | 442 | ||
| @@ -448,7 +448,7 @@ html | |||
| 448 | +action-button(quiet=true selected=true)= 'Menu' | 448 | +action-button(quiet=true selected=true)= 'Menu' |
| 449 | +action-menu | 449 | +action-menu |
| 450 | +action-menu-slot(class='l-card l-card--flush') | 450 | +action-menu-slot(class='l-card l-card--flush') |
| 451 | +avatar(block=true circle=true size='sm' src='avatar.png' class='l-card__block') | 451 | +avatar(block=true circle=true size='75' src='avatar.png' class='l-card__block') |
| 452 | .l-card__block.l-card__block--main | 452 | .l-card__block.l-card__block--main |
| 453 | strong.u-d-block= 'Volpeon' | 453 | strong.u-d-block= 'Volpeon' |
| 454 | small.u-d-block= '@volpeon@mk.vulpes.one' | 454 | small.u-d-block= '@volpeon@mk.vulpes.one' |
