Some of the attempts and plans I made were the following:
Add a cool about page
Add information about what I like to do
Make an image slider for photography
Allow you to open the images displayed there
Fix bug where code blocks are hard to read
Add Vanta Animations
Accomplishments
Here is what I did compared to the list.
Add a cool about page: I changed the about page to have information about who I am and what I do. I tried to keep most of the info in bullet points since the teacher mentioned most people won't read paragraphs (and to be fair, he is very right).
Add information about what I like to do: I have information on my hobbies and what I do in school. I wrote the school I went to, my age, and name. I also listed hobbies like sports or other things I do in my free time.
Make an image slider for photography: I was able to add an image slider which displays my photography work. This was much more difficult than I thought because I had to make the images loop infinitely. However, I was able to get it working via JavaScript. I also made it blend into the background so it looks good.
Allow you to open the images displayed there: this was also more difficult than I thought. However, I made it so that it would stop the scroller. I also made it so that the image blurs on hover and it lets you click on the link. I think that UI and UX are very important, so animations like this indicate a state change to the user. Once again, I had to use JavaScript for this too.
Fix bug where code blocks are hard to read: I was able to fix this by changing the SASS styling. Before, the code would be hard to read. Now, I changed the colors. I mainly used the same color scheme my VSCode uses.
What I couldn't do:
Add an animated background with Vanta: I wanted to have the vanta animations display on the home page in the background. A backdrop filter with a blur effect would be added on top to bring more attention to the content and increase readability. Still, the animated background would provide interest and a pop of color. This will only be on the home page since blogs and other sections should have all the focus diverted to the content itself. I still plan to do this and there is room for improvement.
Vanta Update: I was going through the Vanta site and found animation I liked. I am still trying to experiment with them. However, I have an idea of what I should do. My plan is to replace the body of the page with the animation in the background. I don't know if this will work, but there's only one way to find out: try it! As of now, I'm experimenting in another HTML file.
Attempts
Some of the attempts and plans I made were the following:
Accomplishments
Here is what I did compared to the list.
What I couldn't do: