Hej, you found out my profile README banner is made with code!
Welcome to the animated banner project! This repository contains the code for an eye-catching and dynamic header banner that showcases a coding-inspired animation. This project is perfect for enhancing your personal website, portfolio, or any web page where you want to display your coding skills creatively.
This project features an animated banner that simulates a coding environment, complete with scrolling code lines and a typing effect. The banner includes:
- A scrolling vertical line of code blocks.
- A typewriter animation for the text "HELLO WORLD!".
- A brief bio section with name and expertise.
- The Nord Theme colour scheme.
You want an awesome banner for your profile?
To get started with this project, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/animated-banner.git
-
Navigate to the project directory:
cd animated-banner -
Open the project in your favourite code editor.
-
Open
index.htmlin your web browser to see the banner in action.
You can easily customise the banner to suit your preferences:
- Update the bio: Modify the text in the
.biosection in theindex.htmlfile to reflect your name and expertise. - Change the code keywords: Update the
keywordsarray inscript.jsto include your preferred terms or technologies. - Adjust animation settings: Tweak the animation duration, delay, and other settings in the CSS and JavaScript files to achieve the desired effect.
Contributions are welcome! If you have any ideas to improve the project or find any issues, please open a pull request or issue on GitHub. Let's make this project even more awesome together!
If you use this code, it would be nice if you mention this project.
Feel free to reach out if you have any questions or feedback. Enjoy customising your animated banner!
Happy coding!