Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feedback footer - Adding Hover Animation to Footer Links #121

Closed
Tracked by #119
Kevils opened this issue Feb 4, 2025 · 22 comments · Fixed by #130
Closed
Tracked by #119

Feedback footer - Adding Hover Animation to Footer Links #121

Kevils opened this issue Feb 4, 2025 · 22 comments · Fixed by #130
Assignees
Labels
Good first issue Good for newcomers OD Build Issue reserved for the OD Build Open for contribution An issue that is available for an Only Dust contribution

Comments

@Kevils
Copy link
Collaborator

Kevils commented Feb 4, 2025

Description 📹

Current :
Image

New design :
Image

Today, there is no animation when hovering over the clickable links in the footer. I suggest we apply the same hover animation as the menu, where the text opacity reduces by 50% on hover to indicate that it's a clickable element.

Proposed Actions 🛠️

Here’s a checklist of actions to follow for resolving this issue:

  1. Fork and Create Branch:
    Fork the repository and create a new branch using the issue number:

    git checkout -b fix-[issue-number]
  2. Implement Changes:
    [Insert Code snippet if needed with a mardown todo list]

  3. Run Tests and Commit Changes:
    Make sure your changes don't break existing functionality and commit with a clear message:

    git commit -m "Fix: [Short description of the fix]"

Required 📋

To keep our workflow smooth, please make sure you follow these guidelines:

  • Assignment: Don't create a pull request if you weren’t assigned to this issue.
  • Timeframe: Complete the task within 3 business days.
  • Closing the Issue: In your PR description, close the issue by writing Close #[issue_id].
  • Review Process:
    • Once you've submitted your PR, change the label to "ready for review".
    • If changes are requested, address them and then update the label back to "ready for review" once done.
  • Testing: Test your PR locally before pushing, and verify that tests and build are working after pushing.

Thank you for your contribution 🙏

⚠️ WARNING: Failure to follow the requirements above may result in being added to the OnlyDust blacklist, affecting your ability to receive future rewards.

@Kevils Kevils added Good first issue Good for newcomers Open for contribution An issue that is available for an Only Dust contribution and removed Good first issue Good for newcomers Open for contribution An issue that is available for an Only Dust contribution labels Feb 4, 2025
@Nikhil-550
Copy link

I’d like to resolve this.I am new to open source and want to contribute to this issue.I hope that i will get assigned and will do my best .

@TheRanomial
Copy link

I'd like to take this issue.ETA - 24 hours.

@HyzeahAchungha
Copy link

Mind if I try this one?

@Elite-tch
Copy link

Mind if I take this issue?

@Viktohblake
Copy link

May I be assigned to this?

@legend4tech
Copy link

Can I work on this, please?

@SudiptaPaul-31
Copy link

Would love to work on this issue

@CMI-James
Copy link

I’d love to work on this issue. With expertise in Next.js, JavaScript, TypeScript, Tailwind CSS, and Shadcn, I can efficiently implement the required changes.

For this task, I will:

Apply a hover animation to footer links, reducing text opacity by 50% on hover.
Ensure consistency by matching the menu hover effect.
Test the implementation and adhere to GitHub contribution guidelines.
Estimated completion time: 8 hours.

@3th-Enjay
Copy link

Is it okay if I take this?

@covenantebube
Copy link

Hi, My name is covenant ebube. I am a MERN stack developer with years of experience solving problems using Typescript and broadly javascript. And i am very confident that i can solve this task. Can you please assign

@chiscookeke11
Copy link
Contributor

May I take this issue on?

@viktrified
Copy link

I’d like to resolve this.

@Marvelousmicheal
Copy link

Hey, I checked the Figma design, and I can implement the hover animation for the footer links as shown. I'll apply the same effect as the menu, where the text opacity reduces by 50% on hover, making the links feel more interactive and aligned with the overall design.

@Kevils Kevils changed the title Adding Hover Animation to Footer Links Feedback footer - Adding Hover Animation to Footer Links Feb 17, 2025
@Kevils Kevils added Good first issue Good for newcomers Open for contribution An issue that is available for an Only Dust contribution labels Feb 17, 2025
@pheobeayo
Copy link

Could I grab this task?

1 similar comment
@Amarjeet325
Copy link

Could I grab this task?

@Khemmie-Ray
Copy link

May I take care of this?

@Kevils Kevils transferred this issue from lfglabs-dev/app.starknet.id Feb 21, 2025
@Marchand-Nicolas Marchand-Nicolas added the OD Build Issue reserved for the OD Build label Feb 21, 2025
@code-stan
Copy link

Having contributed to this project before, plus having a strong passion for and experience with web animations, I believe I can easily handle. Can I handle this task?

@iGEORGE17
Copy link

i can do this job perfectly, i have 6yrs experience as a web developer, this is my first time here on onlydust. ETA 1hr

@feranmiba
Copy link

Can I take this from here?
I am a good frontend developer and i would want to take this on and build it

@SudiptaPaul-31
Copy link

Would love to work on this

@JamesVictor-O
Copy link
Contributor

I’d love to take on this issue! I have experience working with React and UI/UX improvements, and I believe I can implement the required changes efficiently.

@JamesVictor-O
Copy link
Contributor

thank you @Marchand-Nicolas i will jump on this asap

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Good first issue Good for newcomers OD Build Issue reserved for the OD Build Open for contribution An issue that is available for an Only Dust contribution
Projects
None yet
Development

Successfully merging a pull request may close this issue.