This is my home page, here you can find several links to many of my other projects. You can visit it here! 🚀
Although a really simple page, it has some nice features like scroll-in animations and Spanish/English versions.
- HTML
- CSS
- JavaScript
- Fork the project
- Clone project using
git clone git@github.com:<YOUR-USERNAME>/marcosnapolitano.github.io.git - Navigate into the project using
cd marcosnapolitano.github.io - Run
npx serve
All logic contained in script.js in the Public folder. It consists of both the scroll animations and the logic for the translation.
-
Animations: An Intersection Observer is used in order to either add or remove the necessary class that displays the current section.
-
Translation: A query selector is used to gather all to be translated elements. They all have a class called appear that will actually fade them into view after they have been faded out with the disappear class. The actual translation happens in between those events with a
setTimeout()function.
The file called db.js is where the actual translation's text can be found.
This site was built using GitHub Pages.