A portfolio website with different sections, about me, my skills, and my projects.
- HTML
- Tailwind CSS
- Vanilla JS
- Briefly gives and introduction about me.
- Lists my skills
- Presents my projects
| File name | Description |
|---|---|
| index.html | The website itself |
| style.css | All of the styles |
| main.js | Controls general logic, like the terminal at the beginning, popup skill and project cards, etc |
| canvas.js | Controls the halo and node clusters |
The initial terminal is programmed by adding a character to the container, letter by letter. I made it to support html tags, because in the beginning there were "error messages" as well, which would need to be red, but these were eventually removed, so, for now its just kind of useless.
Whether to show the terminal or the main site is controled via a variable stored in the local storage. So, clearing it will cause the terminal sequence to be performed again.
The main site is mainly just HTML and some ascii art. The halo and node clusters in the background which react to the mouse have some easing and are controled from canvas.js