Projects Page - v0.4.0

Additions

🗂️ Projects Page

• See all of my favorite projects in one place! To view more information, you can click/tap, tab, or hover to see a pop-out of more information!
• Card pop-outs include the following information:
  • Project Title
  • Project Tags
    • Tags show what type of project it is (I.e. a personal project or a school project).
    • Each tag has its own gradient and meaning. These include:
      • School: USA flag
      • Website: Dark/Light mode
      • Full Stack: Frontend & Backend
      • Front End: A section of full stack
      • Personal: My website colors
  • Project Description
  • Project GitHub Link

Changes/Fixes

🖥️ Desktop

• Keyboards couldn't tab into elements like project cards or mobile navigation (If the window was too small.).
• Scroll bar size increased, as suggested by: @Ninja-Talon, users couldn't grab the scroll bar on multi-monitor setups.

📱 Mobile

• For some reason, mobile users had a padding-top: 100px (Maybe because of the navbar, but doesn't seem to affect anything) on the intro page.
• Fixed mobile backdrop-filters (blurs), you can't put a blur on an element with 0% height. Most of my transitions involve 0% to 100% height, so I had to put elements on 1% and opacity of 0.

Removals

❌ Snackbar

• This snack bar I found was clunky and didn't serve much of a purpose. With that, the fact that the project isn't wide-scale, it's not needed.

Coming Soon!

I still have 2 pages left for this website until completion. Those being: Languages and Contact. I'm also planning on a page for GitHub sponsor members so I can have a place ready for them. It's only the start, and there will be more pages and improvements for this website! I'm expecting to be finished around June or July 2023. School has been affecting releases, and education is more important, so that's why there is a 2-month gap.

Thank you!

I just wanted to say, if you're viewing this, thank you for just looking at my work. As a 15-year-old, seeing people look at my projects is so exciting and pushes me to work harder. You're amazing!