search

OMGDuke / protondb-decky

ProtonDB Badges is a plugin for Decky Loader to display tappable ProtonDB badges on your game pages
https://decky.xyz/
GNU General Public License v3.0
93 stars 10 forks source link

Use protonDB svg, encoded as base64 #2

Closed PartyWumpus closed 2 years ago

PartyWumpus commented 2 years ago

source: https://www.protondb.com/sites/protondb/images/site-logo.svg

probably best to ask the protonDB people for permission, but they did already give permission to joam*3

PartyWumpus commented 2 years ago

image screenshot for clarity

OMGDuke commented 2 years ago

Screenshot looks good. Base64 appears valid but I'm getting an error when it tries to load

(Shortened svg string for brevity) GET data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iM...Zz4KPC9zdmc+Cg==' net::ERR_INVALID_URL

OMGDuke commented 2 years ago

Currently using red for the Borked background

image

Could add a background for certain medals? Any other ideas?

PartyWumpus commented 2 years ago

Currently using red for the Borked background

image

Could add a background for certain medals? Any other ideas?

not sure about this one. maybe making the logo fully white for borked? should be easily possible with the 'filter' tag

(in style) filter:brightness(0) invert(1) will make it white, i'll add that if the color is borked

OMGDuke commented 2 years ago

\nmaybe making the logo fully white for

That could work. Depends if ProtonDB have strict brand and don't want people recolouring their logo :p but I was already showing it as all white with the react-icon so probably fine

PartyWumpus commented 2 years ago

That could work. Depends if ProtonDB have strict brand and don't want people recolouring their logo :p but I was already showing it as all white with the react-icon so probably fine

image looks like this (ignore rounded corners), not bad imo

joamjoamjoam commented 2 years ago

You can also store it locally and bundle it in assets. I had that working in my repo.