belajarpython.com icon indicating copy to clipboard operation
belajarpython.com copied to clipboard

Add Hover Effects to Footer Navigation Links & "Join on GitHub" Header Button

Open RAJVEER42 opened this issue 6 months ago • 0 comments

šŸ“ Feature Request: Add Hover Effects to Footer Navigation Links & "Join on GitHub" Header Button ā“ Is your feature request related to a problem? Yes. The footer navigation links (Home, About, Contact) and the "Join on GitHub" button in the top-right header currently lack interactive visual feedback. This may reduce engagement and make them appear non-interactive, especially to new users.

āœ… Describe the solution you'd like Apply hover effects to both sets of interactive elements:

šŸ”» Footer Links (Home, About, Contact) šŸ”˜ Underline or animate text on hover

šŸŽØ Change color to theme accent or lighter shade

šŸ–± Add cursor: pointer

css

.footer-link { transition: color 0.3s ease, text-decoration 0.3s ease; color: #555; text-decoration: none; } .footer-link:hover { color: #673ab7; /* Theme accent */ text-decoration: underline; cursor: pointer; } šŸ”ŗ Header Link: Join on GitHub šŸ’« Add scale or slight color change on hover

šŸ”— Indicate it's clickable (hover pointer)

css

.header-join-btn { transition: transform 0.2s ease, background-color 0.2s ease; } .header-join-btn:hover { transform: scale(1.05); background-color: #333; /* Or GitHub color if themed */ color: white; cursor: pointer; } šŸ” Describe alternatives you've considered Keeping current static state (but this reduces UX quality)

Adding hover only to GitHub link (but for consistency and completeness, footer links should be interactive too)

šŸ“Ž Additional Context Adding hover effects ensures:

āœ… Improved accessibility and usability

✨ Visual responsiveness across the site

šŸ”„ Consistent UI feedback across all clickable elements

šŸ™‹ā€ā™‚ļø I'd love to contribute! šŸ’” Please assign this issue to me. I’d be happy to implement and preview these enhancements in a pull request.

Thanks! 😊

RAJVEER42 avatar Jun 17 '25 09:06 RAJVEER42