I'm seeing some repetition in how these SVG shapes are being defined

. While the current code works, it's not exactly ideal from an efficiency standpoint - think about it, every time someone needs a rectangle or triangle, they've got to copy and paste that same old path attribute

.
If you really want to get fancy, you could use CSS to define these shapes once and then just use JavaScript to fill in the actual values

. I mean, have you seen those new libraries like Vue or React? They make it a breeze to create dynamic UIs without having to write all that boilerplate HTML code

.
But honestly, unless you're working on something super complex, I'd say just take some time to tidy up your HTML and use CSS for styling. It's easier to read, maintain, and debug in the long run

.