Advice on how to improve UI, on FRCPP
FRCPP is a website designed for younger students and mentors seeking to learn and practice their programming in Java, C++ or Python. While one can utilize a normal programming site, there is limited practice for a Command Based structure, which my site aims to solve. Currently my main goal is to make it attractive and appeal to others with a modern design. Currently I have nav bar, content and footer (and on phones a header as well) all using raw CSS. My main issue is that the homepage is not as attractive to appeal to others. I was looking for advice on how to improve the navigation bar, footer, home page and the tutorial page (specifically colors, spacing and hierarchy) Links are below and the images are the homepage on mobile devices.
https://snakestongue.github.io/FRC-Programming-Practice/
https://github.com/Snakestongue/FRC-Programming-Practice
The website asks for a First Robotics Team number. If you aren't part of a team, no worries just use 1 or any number you prefer! It's just used to tally visits