rajkumar-justcoder/animated-name

An Animated name with css

ANIMATED NAME | HACKTOBERFEST

A repo showing animated name using HTML and css

Add your details to the names.js file.

The details include:

1. Your name
2. Your Full Name
3. Your GitHub url

🛠️ Installation Steps

1. Fork the project. Click on the icon in the top right to get started

2. Clone the project, you can use the following command:

Using HTTPS
git clone https://github.com/<your-github-username>/Animated-name
or using SSH
git clone [email protected]:<your-github-username>/Animated-name.git

3. Navigate to the project directory

cd Animated-name

🥂 After making a change

1. Create a new branch

git checkout -b YourBranchName

2. Add it to staging area

git add <path to the file you worked on>

3. Commit your changes with

git commit -m '<your-commit-message'

4. Push your changes

git push -u <remote-name> <branch-name>

👩🏽‍💻 Contributing

• Contributions make the open source community such an amazing place to learn, inspire, and create.
• Any contributions you make are greatly appreciated.

🙏🏽 Support

This project needs a star️ from you. Don't forget to leave a star✨

📝 License

This project is Licensed under the MIT License. Please go through the License atleast once before making your contribution.

Additional references regarding licenses

GitHub license explained https://choosealicense.com

animated-name's Issues

Feat: change heart emoji to icon

from this

to

code in the the file only with icon and etc

Add .gitignore file

Add Custom Scroll

Add custom scroll to page

Feat : Generate different text colors for names randomly.

I noticed that all names appear in same color and have same animation. So I would like to use CSS variables to make classes for different colors and set them to names randomly with JS.

Update READme

The READme needs some work to do to look attractive.
Please assign it to me and add the hacktoberfest accepted label to get me started.

Add Your name

Add your name with different colors themes animation etc u like
Note: it will be full screen name ( on scroll will display other name )

Change README.md

Animated-name/README.md

Lines 17 to 20 in 4d7d2fc

	## How to contribute
	step 1: Create issue
	step 1: Fork repo. make changes. make new branch,push code
	step 1: Make pr!!

Different section with different contributor name

@Rajkumar-justcoder please assign me this issue

Fix hover effect and js

Change h1 to h3 for sections in CSS.
fix console.log in js

Please assign me this issue @Rajkumar-justcoder

Set an array of object for the names.

Can we set an array of object for the names and map throught in in the index page.

Fix: scroll thing

Currently its like one page come from left and snap to right change that to as we scroll and add snap to it like when user scroll then it direct scroll to that div with some smooth scroll

Feat: Add light and dark theme support

Add light and dark theme support + also add ss while pr

adding name