Add animation page reveal

[Kevils]

Description 📹

https://starknet.id/

On our website, we don't have any cool animation to make the page appear smoothly. Would it be possible to display the page with this animation? : https://codepen.io/saranshbarua/pen/WNrMbxJ

We could replace the dark blue (#122845) with our dark green (#0C8654) and the light blue background (#D9FCF8) with our current white-green background (#FCFFFE).

And have something like this:

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.

[Elite-tch]

May I try my hand at this?

[nnodim]

I'd love to work on this!

[jancris100]

Hey! I'm Jan.
Member of Dojo Coding. I have contributed before to other projects like:

• Dojo
• Go Stark Me
Can I work on this issue?

[Isaacprogi]

Hello can I take this task?.I'm a software engineer with great proficiency in the react ecosystem and even backend technologies.Quite an easy one to go with.Thanks

[ussyalfaks]

I’d like to work on this.

[EmmanuelChimezie]

Can I take care of this issue?

[Bee-code-tech]

I would love to take up this issue

[legend4tech]

Can I tackle this one?

[chiscookeke11]

Could I be assigned to this?

[mimisavage]

I’d love to work on this task.

[Nikhil-550]

I am interested in being assigned to the issue. With my background in front-end development and animation integration, I am confident I can contribute effectively to enhancing the user experience through smooth and engaging themes as provided and suggested by you.

[SudiptaPaul-31]

I want this issue to work on

[viktrified]

I’d like to help with this.

[shubhamku044]

May I try my hand at this? I am a full stack developer with 2+ years of exp

[Marvelousmicheal]

Hey, I checked out the CodePen example, and it looks really nice! I can definitely recreate something like that while incorporating your brand colors. I’ve worked on similar smooth page transition animations for my portfolio, so I’m confident I can implement this effectively. here is my link https://lucabot.vercel.app/

[sublime247]

Hi, I’m Bashir, A software engineer specializing in front-end and mobile development. I have vast coding experience building with typescript, javascript, and rust. 

I have contributed to a couple of projects on Onlydust. I will get this task solved in little time. 

Kindly assign this task to me.

Thanks.
Looking forward to contributing! 🚀

[aritrachatterjee7]

Hey @Kevils , can I take up this issue because I'm eager to make my first contribution to open source!

[sandragcarrillo]

I would like to help with this issue. I have experience as front-end dev and have been contributing to other open source projects in the Starknet ecosystem.

ETA: 1 day

[Oseec]

Hello there, Im Isaac, Computer engineer student and currently learning about web3 as a member of Dojo Coding community ⛩️ and i would love to contribute to this project with this issue, it might be my second contribution in OD 🚀

I've never really created an animation like this, but I have done a bit of frontend work in college and now here in OD, so I think with a little research I could pull it off properl, Lmk if I can start working on it!

[dicethedev]

I’d like to help with this.

[pheobeayo]

Is it okay if I take this?

[kellymusk-hash]

Could I grab this task?

[code-stan]

I am a creative frontend engineer that is keen on implementing pixel-perfect designs, with a passion of making things move on the web too. I can make it a bit better than expected.
Can I take care of this?

[wheval]

I can get this done.

[anljvnsjnfnutdfns]

Could I take on this issue?

[cridiv]

Hello, I have experience working with React, SCSS, Node.js, and PostgreSQL. I have reviewed the problem statement and believe I can provide an effective solution. I’d love to contribute to this project and can have a draft implementation ready within 24 hours.

[Uyoxy]

Dear [Recipient's Name],

I hope you're doing well. I would like to apply for the animation enhancement task for the Starknet ID website. I have reviewed the requirements and am confident in implementing the smooth page transition using the referenced CodePen animation, ensuring:

✔ Color adjustments to match the Starknet ID theme (#0C8654 and #FCFFFE)
✔ Seamless integration without affecting existing functionality
✔ Proper testing before submission

I am ready to follow the outlined workflow, including forking the repository, creating a branch, and submitting a well-documented PR within the given timeframe. Please let me know if I can proceed with the task.

Looking forward to your response!