Skip to content

Conversation

@Blessy27-CSBS
Copy link

Summary

This PR updates the site footer to make it more interactive and accessible:

  • Replace the code icon with the text made (styled in color #FEEA3A).
  • Add a keyboard-typing sound that plays while hovering or focusing the made text (loops while hovered; stops on leave/blur).
  • Keep the existing heartbeat sound for the heart emoji and trigger it on hover/focus.
  • Update footer link text to Before I Die (GitHub org) and point it to https://github.com/BeforeIDieCode.
  • Add contributor data and images for Blessy27-CSBS.

Files changed

  • src/Components/Footer/Footer.jsx
  • src/Components/Footer/Footer.module.css
  • src/Jsons/Contributors.json
  • CONTRIBUTORS.md
  • public/img/avatar/Blessy27_CSBS.jpg
  • public/img/bid_image/Blessy27_CSBS.jpg
  • package.json
  • package-lock.json
  • yarn.lock

Why this change

  • Visual and semantic change requested: replace the visual icon with the word made for clarity and brand familiarity.
  • Interaction: the typing sound adds a subtle interactive cue when visitors hover or tab to the made label.
  • Accessibility: the made element is keyboard-focusable (tabIndex) and provides the same audio feedback for keyboard users.
  • Link visibility: updates the footer text to clearly reference the Before I Die GitHub organization.

How to test locally

  1. Install dependencies (if needed):
    npm install

@vercel
Copy link

vercel bot commented Oct 6, 2025

@Blessy27-CSBS is attempting to deploy a commit to the Before I Die Code Team on Vercel.

A member of the Team first needs to authorize it.

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.

1 participant