Improve download feature for mobile browsers

[Almond]

Logging this so I don't forget. 😉

I noticed this works as intended in mobile Safari, but not so much in other mobile browsers on iOS:

• Brave; Firefox | no download is initiated
• Chrome | downloads the SVG as download, rather than the zorb-n filename
• DuckDuckGo | URL is updated with the image's MIME type, but doesn't trigger the download at all

I'm aware that there might be other browsers worth looking into, but I'll keep the scope tight for now and report back. 🕵️‍♀️

Prior Art

• https://css-tricks.com/building-good-download-button/
• https://html.spec.whatwg.org/multipage/links.html#downloading-resources

[Almond]

One interesting observation: holding down on the 💾 Download SVG in the aforementioned browsers exposes a preview of the Zorb and options to open it in a separate tab, copy the link, or downloading the link.

[Almond]

Update: I will close this. I did get to test this out on my phone as well as on BrowserStack, but I don't think this is something I will choose to spend more time on. In the future, if someone is really inclined to take this on, they can cross-reference this as a hopeful-headstart in a brand new issue. ✌️