Add Hover Effects to Footer Navigation Links & "Join on GitHub" Header Button
š 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! š