Day 39: Portfolio Updates and Coloring Tetris

Today's Progress:

Since I've been at home recovering from laryngitis the past few days I've had some extra time on my heads to lounge around and code. Today I worked on updating my portfolio website to make it more accessible and I continued styling the Tetris app I made.

For the portfolio, I added unique id tags to each of the sections as well as changed the color scheme to make it more accessible. According to accessibleweb.com my new page has a score of 100/100.

For the Tetris app, I added colors for the Tetriminoes and the background of the grid. There's still a minor glitch that I need to fix, but you can test out a live version of the game here.

a monkey seated on a log with its hand up to its chin Photo by Juan Rumimpunu on Unsplash

Thoughts:

I'm really happy with what I worked on today. I found it easier to stay motivated since I was working on personal projects (I think I studied for over an hour today). I know I'll need to get back to the freeCodeCamp curriculum soon to get back to learning JavaScript, but I'm happy I took the time to play around with these projects.

References

This doc was useful in figuring out how to override the parent color style for the header in the contact section of my portfolio: https://www.w3docs.com/snippets/css/how-to-override-css-styles.html
This doc was useful in learning how hide the scroll bar: https://codeberryschool.com/blog/en/how-to-disable-scrolling-in-html/
These two docs were useful in determining whether to use border or outline for the Tetromoines:
- https://developer.mozilla.org/en-US/docs/Web/CSS/outline
- https://developer.mozilla.org/en-US/docs/Web/CSS/border
This DEV log was useful in setting the baseline units for font-size on my portfolio site: https://dev.to/deltanboi/the-battle-of-the-units-px-vs-rem-vs-em-3ka8
This website was useful in choosing colors & getting their codes: https://html-color.codes/