Skip to content

Conversation

@Mrunalisa
Copy link
Contributor

@Mrunalisa Mrunalisa commented Aug 15, 2025

This PR updates the footer section to have a modern, interactive feel by adding hover animations and improved visual styling.

Changes Implemented:

  • Footer Links (.footer-link):

    • Added smooth color transition and slight slide-in effect on hover.
    • Added underline animation using ::after.
  • Open Source Society Badge (.oss-badge):

    • Styled as a rounded button border with soft shadows and border.
    • Added hover lift animation and enhanced box-shadow for depth.
  • Social Links (.social-link):

    • Added lift effect on hover.
    • Smooth background and color transition with subtle shadow animation.

Visual Improvements:

  • Smooth transitions for all interactive elements.
  • Subtle box-shadow animations for a more polished look.
  • Better hover feedback for links .

Testing:

  • Verified hover effects work consistently on Chrome, Firefox, and Edge.
  • Checked responsiveness on mobile, tablet, and desktop.

Preview:
Attached below is a before/after comparison video demonstrating the new footer animations and visual changes in action.

before.changes.website.mp4
after.changes.mp4

Copy link
Contributor

@greptile-apps greptile-apps bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Your free trial has ended. If you'd like to continue receiving code reviews, you can add a payment method here.

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for submitting your first pull request to the Open Source Society project — we really appreciate your contribution! Our maintainers will review your PR soon. In the meantime, make sure you've followed the contribution checklist and linked any relevant issues. Welcome aboard, and keep contributing! 💚

@Mrunalisa
Copy link
Contributor Author

Mrunalisa commented Aug 15, 2025

@Aditya-Patwa @adityai0 @deepanshu-prajapati01 @OpArcade This PR enhances the footer section with a modern and interactive look by adding hover animations and improved styling.
Kindly review and merge. Please assign labels such as level1, level2, and gssoc25.

@Mrunalisa Mrunalisa changed the title add modern hover animations and styling enhancements #707 add modern hover animations and styling enhancements Aug 16, 2025
@Mrunalisa
Copy link
Contributor Author

Mrunalisa commented Aug 17, 2025

@Aditya-Patwa This PR enhances the footer section with a modern and interactive look by adding hover animations and improved styling.
Kindly review and merge. Please assign labels such as level1, level2, and gssoc25.

@adityai0 adityai0 merged commit bc7133d into opensource-society:main Aug 19, 2025
1 check passed
@Harsh-26626
Copy link
Collaborator

@Mrunalisa share the issue this pr is linked to

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants