When I created this website, I knew I wanted to make it adaptable. From a common sense standpoint, it doesn't make sense for a website to only look decent on one size of screen when there are so many out there. But given how my nav bar works, resizing it turned it into two rows. I had a bit of a technical dilemma: I could write two hundred different use cases for where to put the little divider things so that they lined up evenly with the browser window size... or I could just code a drop-down. Understandably, I did the latter, which resulted in what I've got now.
When the user hovers over the "Menu" button, it changes color, and when the user clicks on it, a drop-down menu of links appears. If the user clicks a link, they are redirected; if they click outside the menu, it closes. (If you're on desktop, just make your browser window smaller to see for yourself!)
The user can select one of the buttons at the top to create a certain type of shape. The user can create shapes of different sizes and placements by clicking and dragging.
Please be aware that this program is buggy for a number of reasons. I have left it this way intentionally as a representation of my level of skill at the time I wrote this program. I will not be retroactively improving this project, only making new ones :)