Hello. Nice idea, but there are some problems:
- on mobile the interface is hard to use - I think it would be much easier if the sections would be displayed full size, without scroll
- why does the SVG include css style and loads the font? It doesn't look like it is used
- the stroke size is 0, I think you don't need a color for it
- maybe use currentColor so that the color can be changed
You could be more impressed that some web pages manages to guess that the browser you use, that presents itself as a desktop browser, is in fact a mobile browser :)
I suppose because some of them are in the standard and not implemented in other browsers. Or there are some 20 year old bugs (reported) that are not fixed while pocket and robot are featured.
Hello. Can you please give some examples of Chrome-specific hacks instead of the normal way, or some web references. I'm helping on development of a web UI framework and it would help. Thank you.
You can also give a shot to Quasar (quasar-framework.org) that will provide you with single code base SPA, PWA and mobile through Cordova, and in a few days also SSR.
Disclaimer: I'm also contributing on this project.