search

subhadipbhowmik / bio-branch

BioBranch is a streamlined and customizable platform that lets you manage and showcase all your social media handles and important links in one place.
https://biobranch.vercel.app
MIT License
29 stars 88 forks source link

Addition of Social media icons in the footer of the website(all pages) along with hover animation. #106

Open rajdeepchakraborty-rc opened 5 days ago

rajdeepchakraborty-rc commented 5 days ago

Is your proposal related to a problem?

Every website must have socials included for users to contact and visit.

Describe the solution you'd like

I want to add social icons in the footer section of the website(all pages). Now, just adding icons does not make a website attractive. So, I will be adding hover animations(color change and zoom) on the icons to make it look responsive and attractive. I will also add redirects to the icons(o clicking the Facebook icon, it redirects to the Facebook website). Thus the social icons will be added and responsive, making the overall site look attractive.

image

Just a reference image, will send updates once I start working on it.

image

Describe alternatives you've considered

Additional context

None.

Requirement/Document

None.

I would like to work on the issues so that I can contribute to making the repository more accessible and friendly for other Contributors. Please assign this issue to me under level3, gssoc-ext and hacktoberfest-accepted(if available) labels.

rajdeepchakraborty-rc commented 4 days ago

@subhadipbhowmik I just wanted to know if this issue should not have a level3 tag since I am adding social logos[Twiiter, Linkedin, GitHub, Instagram] in all of the pages of your website and also adding a hover animation(zoom and color) to all of them to look more attractive for the users, thus improving the scalability of your project.

rajdeepchakraborty-rc commented 4 days ago

Also please let me know if you are ok with having the following icons or adding any more:

Let me know about any changes you want me to make or If I should continue on these four social media icons.

rajdeepchakraborty-rc commented 2 days ago

I have added the logos. This is how it is looking right now. I will add hover animations to it (slight zoom and color change). image

rajdeepchakraborty-rc commented 2 days ago

Also please let me know if you are ok with having the following icons or adding any more:

  • Twitter
  • Linkedin
  • GitHub
  • Instagram

Let me know about any changes you want me to make or If I should continue on these four social media icons.

@subhadipbhowmik I have added the following redirects:

  1. Linkedin - Redirects to your profile.
  2. GitHub - Redirects to this Repository.
  3. Twitter - Provide me a profile if you have.
  4. Instagram - I am thinking of replacing it with Youtube. Let me know your thoughts. Also for the time being provide me with your Instagram account too(if you have any).
rajdeepchakraborty-rc commented 1 day ago

@subhadipbhowmik The following area is looking a lot empty with just the name. image I was thinking of adding the project description below the name on the website. image

Also since you already have a copyright section in the footer area, there's no need to have an extra one in the above section. image If you want me to remove the extra one under the Project name, let me know.

Please review the changes requested and let me know your thoughts on this.

rajdeepchakraborty-rc commented 1 day ago

This is the current look with the addition of the following animations on hover:

https://github.com/user-attachments/assets/13ad174d-7479-40e4-a562-fe64c2e8c486

Problem encountered: If you see the video, you will notice that the GitHub logo is not visible properly(on hover) due to the footer color. I am thinking of adding a small circle behind the icons that appears on hover.

I am currently working on resolving this problem.