• Stars
    star
    503
  • Rank 87,705 (Top 2 %)
  • Language
    TypeScript
  • Created over 3 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

๐Ÿท๏ธ Utilize Lanyard to display your Discord Presence in your GitHub Profile

lanyard-profile-readme

๐Ÿท๏ธ Utilize Lanyard to display your Discord Presence in your GitHub Profile

Special thanks to @Phineas for creating Lanyard, and making this project possible

Usage

First, join the Lanyard Discord (if you haven't already) for this to work.

In a README.md file, include the following, replacing :id with your Discord user ID:

[![Discord Presence](https://lanyard.cnrad.dev/api/:id)](https://discord.com/users/:id)

It should display something similar to the following (I am using my Discord user ID as an example):

Discord Presence

When others click it, they will be directed to your actual Discord profile. Neat!

Options

There are a few options to customize this display using query parameters:

Theme

Append the query param theme=:theme to the end of the URL, replacing :theme with either light or dark. This will change the background and the font colors, but the background can be overridden with the Background Color parameter.

Background Color

Append the query param bg=:color to the end of the URL, replacing :color with a hex color of your choice (omit the #)

Border Radius

Append the query param borderRadius=:radius to the end of the URL, replacing :radius with a radius of your choice. (default 10px)

Toggle Animated Avatar

If you have an animated avatar, append the query param animated=:bool to the end of the URL, replacing :bool with true or false. This is set to true by default.

Custom Idle Message

If you don't want the default "I'm not currently doing anything!" as your idle message, you can change it by appending idleMessage=:yourmessage to the end of the URL.

Show Display Name

If you'd like to show your global display name as well as your username, append the query param showDisplayName=true to the end of the URL. This is set to false by default.

Hide Status

If you don't want people seeing your status, append the query param hideStatus=true to the end of the URL. Your status is shown by default if you have one.

Hide Elapsed Time

If you don't want people seeing the elapsed time on an activity, append the query param hideTimestamp=true to the end of the URL. Elapsed time is shown by default.

Hide Badges

If you don't want people seeing the badges you have on Discord, append the query param hideBadges=true to the end of the URL. Badges are shown by default.

Hide Profile

If you don't want people seeing the profile you have on Discord, append the query param hideProfile=true to the end of the URL. Profile are shown by default.

Hide Discriminator (DEPRECATED soon)

If you don't want people seeing your discriminator (most likely for privacy reasons), append the query param hideDiscrim=true to the end of the URL. Your discriminator is shown by default.

Example URL and result

[![Discord Presence](https://lanyard-profile-readme.vercel.app/api/94490510688792576?theme=light&bg=809ecf&animated=false&hideDiscrim=true&borderRadius=30px&idleMessage=Probably%20doing%20something%20else...)](https://discord.com/users/94490510688792576)

Discord Presence


Note: Current Nitro & Boosting badges do not work due to Discord API limitations, unless you currently have an animated avatar, in which case it will display the Nitro badge.

If you're using this in your profile, feel free to show support and give this repo a โญ star! It means a lot, thank you :)

More Repositories

1

cnrad.dev

๐ŸŒŽ My personal site
TypeScript
52
star
2

d

๐Ÿ“Š Minimal dashboard tracking stats of your various social medias
TypeScript
48
star
3

iridi

๐ŸŒˆ Beautify your command line interfaces.
Python
41
star
4

use-smooth-count

๐Ÿ“ˆ Easily interpolate to a provided value with a simple React hook.
TypeScript
32
star
5

sponsor

๐Ÿ’ฐ A simple, inviting alternative to GitHub Sponsors
TypeScript
27
star
6

hbd-today

๐ŸŽ‰ give your friends a quick, fun, virtual birthday card!
TypeScript
21
star
7

pigment

A simple Discord bot that will listen for HEX, RGB(a), and HSL(a) colors in a message, and provide a small image of that color.
TypeScript
19
star
8

h

๐Ÿ’  A supercharged "New Tab" experience.
TypeScript
19
star
9

send

๐Ÿ’ฌ Send a message to me on Discord using webhooks
TypeScript
18
star
10

next-template

Save time setting up your next project.
TypeScript
13
star
11

tools

๐Ÿ› ๏ธ useful tools i have either built for myself or adapted from elsewhere
TypeScript
13
star
12

zroi

disposable ethereum wallets
TypeScript
9
star
13

dvd

haha dvd logo go bounce
TypeScript
8
star
14

index

page to list all of my subdomain projects
TypeScript
6
star
15

config

๐Ÿ“ List of everyday technologies and equipment I use for my setup
6
star
16

cnrad

profile readme
6
star
17

miloaf

pet the loaf
TypeScript
6
star
18

s

really lazy project to display the current song i'm listening to on spotify
TypeScript
5
star
19

nfhs-scraper

for those who dont want to pay $10/month for high school game footage with ads
Python
5
star
20

linx

๐Ÿ”— Simple URL shortener using Next + Redis
TypeScript
4
star
21

py-stuff

Repo for storing algorithms and other stuff as I get more familiar with Python
Python
4
star
22

polyvisual

My winning submission for the WWDC 2022 Swift Student Challenge.
Swift
3
star
23

spbf

seed phrase brute force
JavaScript
3
star
24

pay

Pay me using a nice domain
JavaScript
3
star
25

tunes.ninja

๐ŸŽต simple landing page for tunes.ninja bot
JavaScript
3
star
26

docker-express-template

๐Ÿณ Template for creating a NodeJS/Express Docker container
Dockerfile
2
star
27

art

site to showcase my art, projects, and other things
TypeScript
2
star
28

status-checker

raycast extension??
TypeScript
2
star
29

l

A private link shortener that tracks link stats
TypeScript
2
star
30

bezier

Explore the beauty of Bรฉzier curves
TypeScript
1
star
31

commit-history

Used to replace removed commits/fix inaccurate ones
1
star
32

APCSP-21

Coursework/homework for AP Comp Sci Principles 2021-2022
Python
1
star
33

no-framer-footer

โ˜‘๏ธ Hide that annoying blue 'free plan' footer in Framer projects
JavaScript
1
star
34

ThemeAssign

๐Ÿ“ Small side project to make WebAssign actually look decent
JavaScript
1
star