diff options
Diffstat (limited to 'tpl/index.pug')
-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' |