lanyard-profile-readme

Pretty much the same as upstream repo, with custom stylings.

Additionally, Time Left is now supported and displayed over Elapsed Time whenever possible.

Please do consider giving this fork a star 🌟 if you liked it, it means a lot :)

Credit to @NYRI4 for the wave asset and original animation CSS rules.

https://lanyard.kyrie25.me/api/368399721494216706

Options

Everything from upstream, in addition with my own below:

• Avatar decorator is now supported! It is enabled by default:

If you wish to disable it (because the round decoration on square image look weird perhaps?), you can use decoration=false:

https://lanyard.kyrie25.me/api/368399721494216706?decoration=false

• You can choose to use your display name instead of username using useDisplayName=true:

https://lanyard.kyrie25.me/api/368399721494216706?useDisplayName=true

• Use animationDuration to customize the speed of the wave animation (0s to disable)

https://lanyard.kyrie25.me/api/368399721494216706?animationDuration=4s

• Define activity color using waveColor and waveSpotifyColor

https://lanyard.kyrie25.me/api/368399721494216706?waveColor=FF597B&waveSpotifyColor=FF597B

You can also change the color of the text by specifying theme following the hex color code.
E.g. waveColor=FF597B-light will make the text darker.

• Use custom gradient colors for your user name using gradient

https://lanyard.kyrie25.me/api/368399721494216706?gradient=645CBB-A084DC-BFACE2-EBC7E6

• Change your profile picture/images style using imgStyle and imgBorderRadius
  • imgStyle: Defines style for your profile picture and activity small image.
    • Default: circle
    • Accepts: circle, square
  • imgBorderRadius: Define border radius for your profile picture, status indicator, and activity images.
    • Profile picture and activity small image unaffected if imgStyle is not square because, well, circle lol.
    • Default: 10px

https://lanyard.kyrie25.me/api/368399721494216706?imgStyle=square

https://lanyard.kyrie25.me/api/368399721494216706?imgStyle=square&imgBorderRadius=15px