optimize SVGs and their usages
I saw how bad the exported SVG for the keyboard thingy was, so I looked around and yeah. Inkscape.
Some notes:
- I moved many size definitions from the SVG files to their usages, because that's where the size matters. It's just good practice.
- older or broken SVG parsers probably won't be able to display these, but I checked for compatibility with firefox and chrome, both of which accept them.
If anything breaks, it'll be the short arc flag notation or the new\<use\>
notation. That means ifarrows-navigation.svg
works, the rest will too.
The rest are lots of microdecisions I won't write down here, but if you've got any questions, I'll be glad to answer :)
There's still some more SVGs to do, but for now I'll grab a coffee and mark it as draft.