girlscript / gssoc-website-new

GSSoC'24 Official Website
https://gssoc.girlscript.tech
72 stars 75 forks source link

Added Share and Download Button to the Badges #316

Closed partha120804 closed 1 day ago

partha120804 commented 4 days ago

On hovering on the badges one can find the share button and download button.

image

Closes #269

partha120804 commented 4 days ago

@sanjay-kv

I saw that video example you have given, but apparently Linkedin no longer allows to share image files via web api. And adding a customized button for only Twitter didn't make sense, so added a native share button that will share the image through your os and can be shared to all your installed apps, and on the side added a download button so that the user can download the badge and share it manually or just store it.

partha120804 commented 2 days ago

@sanjay-kv ??

sanjay-kv commented 2 days ago

Sorry couldn't able to review it yet. I will do it today .

partha120804 commented 2 days ago

Okay 😄 Please do it when you are free

sanjay-kv commented 1 day ago

image The shareable badge not appearing.

sanjay-kv commented 1 day ago

image Shareable badge only appearing in dark mode.

image

sanjay-kv commented 1 day ago
  1. is there any way we can make it dynamic? like fetching the image of the user photo and putting it on the default image which we provide for certain badge?
  2. image something like this. we create a template for each banner on canvas and rather than downloading image.

We will fetch and paste users photo on the template dynamic?

partha120804 commented 1 day ago

Shareable badge only appearing in dark mode

sorry for that I didn't see there are different pages for diferent themes, will update it with a new PR immediately

partha120804 commented 1 day ago

something like this. we create a template for each banner on canvas and rather than downloading image.

We will fetch and paste users photo on the template dynamic?

Yeah it is possible, I will try to implement it.