[Feature Request]: Add Zoom animation on Hover for Footer icons

[rajdeepchakraborty-rc]

Is there an existing issue for this?

• I have searched the existing issues

Feature Description

Hover Animations on Footer Icons on Home page

Hover Animations on Footer Icons on Contact Us page

Use Case

The users will find it attractive and the usability of the site will increase, since the icons will be visually appealing.

Benefits

This will make the website more interactive.

Priority

High

Record

• I agree to follow this project's Code of Conduct
• I'm a GSSOC contributor
• I want to work on this issue
• I'm willing to provide further clarification or assistance if needed.

[github-actions]

🙌 Thank you for bringing this issue to our attention! We appreciate your input and will investigate it as soon as possible !

[Ahsankhalid618]

@mansiruhil13 can I get to do that? Assign me!
Also please add the Gssoc, level1 and hacktoberfest labels.

[rajdeepchakraborty-rc]

Thanks for assigning. Will start working on it.

[rajdeepchakraborty-rc]

@mansiruhil13 Could you assign this to level2 since I will be working on the Home page as well as the Contact page.

[rajdeepchakraborty-rc]

@mansiruhil13, It seems that you have updated the footer UI recently. It caused conflicts in my code.

I have resolved the conflict in my branch and working on this new updated footer now.

[rajdeepchakraborty-rc]

@mansiruhil13, Do you want me to remove the names of the social media and keep just the icons in a horizontal manner
Reference image:

[rajdeepchakraborty-rc]

@mansiruhil13 You have not yet replied. So well I have done the updates on the Contact page. Here is a video:

Contact.page-Icons.Hover.Animation.mp4

The same will be done for the home page. Just read the previous comment and let me know which format you want the icons to be in.

[rajdeepchakraborty-rc]

Also I noticed that the options are not responsive(the icons are not redirecting to the corresponding websites). Do you want me to work on that issue? If so, please let me know and assign the issue to level3

[rajdeepchakraborty-rc]

Please do let me know @mansiruhil13 so that I can proceed working on the home page icons.

[mansiruhil13]

Please do let me know @mansiruhil13 so that I can proceed working on the home page icons.

yes

[rajdeepchakraborty-rc]

Ok, thanks for the update. Will be adding responsiveness, and changing the Home page icons to only logo and removing the texts. I had started working on another issue due to no response from your end. I will resume working on this after I am done working on the current issue.

[rajdeepchakraborty-rc]

I will let you know about the updates of the work done.

[rajdeepchakraborty-rc]

@mansiruhil13 you have merged some broken code. My code had a conflict and the site is broken

[rajdeepchakraborty-rc]

@mansiruhil13 I am done with the code but cannot generate a PR due to the broken site from your end(merge conflict)

I am attaching the updated website from my end. I went ahead and added the hover animation to the social icons on all the pages.

Social.Icons.mp4

[rajdeepchakraborty-rc]

@mansiruhil13 I have noticed that you have fixed the site, but again changed the UI of the site(footer). Seems like I have to start working from scratch again. Well no issues! Will go for one more time.

[mansiruhil13]

@mansiruhil13 I have noticed that you have fixed the site, but again changed the UI of the site(footer). Seems like I have to start working from scratch again. Well no issues! Will go for one more time.

yes there are few changes, and some of them assigned recently. so do changes in your code according to that.

[rajdeepchakraborty-rc]

Yup it will take some time because I have to again start by resolving all the new merge conflicts. Will update you when I am done

[rajdeepchakraborty-rc]

I must say that I have faced the most number of merge conflicts while working on this issue. Everyone seems to be interested in the footer section right now 😂 . Well this is also helping me practice out with merge conflicts.

[github-actions]

✅ This issue has been closed. Thank you for your contribution! If you have any further questions or issues, feel free to raise them, and we can discuss more!

[rajdeepchakraborty-rc]

Thanks for reviewing the PR!