Giter Site home page Giter Site logo

cnrad / lanyard-profile-readme Goto Github PK

View Code? Open in Web Editor NEW
703.0 6.0 95.0 1.56 MB

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

Home Page: https://lanyard.cnrad.dev

JavaScript 0.04% TypeScript 99.96%

lanyard-profile-readme's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

lanyard-profile-readme's Issues

[Suggestion] Add a param to ignore Spotify.

Since Spotify does not have an application ID, it is not possible to hide it.

My original thought was that if we use the activity name for spotify and just ignore it by using param ignoreSpotify=True for example.
At least that's what I would've done but since I have no experience with managing API's in typescript, all I can do is give a suggestion.

if (activity.name.toLowerCase().includes('spotify')) {
        // Ignore Spotify
        return;

Cutting off on mobile screen

The card cuts off for some reason on my phone (Safari, iPhone 13). It seems like it's just unable to resize for whatever reason. I tried adding width="10%" and that just cut it off even more instead of resizing it. Any ideas why this might be happening/if it's fixable?

image

Lanyard displays broken image when playing imported songs on spotify

As the title suggests, if you're trying to play imported MP3s on Spotify, it displays a broken image icon since locally imported song art doesn't get uploaded to Spotify.

Screenshot:
image

My recommendation is to add placeholder images for songs that don't have album art (imported songs)

[SUGGESTION] Custom image backgrounds

Basically like bg=:color except instead of :color it'd be :image_url.
Could maybe even default to using the user's Discord profile banner (Nitro or not [users without Nitro get a colored banner that best reflects their profile picture]).

Example of what it'd look like (when set to default for a Nitro user):
image

For reference, this is my Discord profile:
image

Display Name

The display name parameter did not seem to work for me. Is the documentation outdated? Also, it says that while enabled, both the display name and the username will be visible. Could we please have an option that lets us show just one of them? In my case, the username is error but I prefer to display Error with the first letter capitalized.

Disable Nitro Badge for Animated Profile Pictures

The Nitro badge looks a little too much to the right on my profile.

Also, a little annoying how it appears and disappears based when I change my profile picture (based on whether it is static or animated).

Wondering if there could be a toggle to let us decide whether to show the Nitro badge while we have an animated profile picture?

Exclude App IDs

Add a URL query parameter to exclude a certain app id for the presence section.
I.E. you want to hide a custom presence to show games or music

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.