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
I like your idea of switching the endpoint specifically for caching, would be a great improvement for the service. This does run on Next.js which offers some sort of caching out of the box. When it becomes a problem, it will definitely be necessary. Thanks for the suggestion!
The whole point of WEI is that the site can choose to block any combination of browser and OS they see fit, in a reliable way (currently, browsers can freely lie). CURL and friends will almost immediately be branded as bots and banned - that's the stated objective.
It is more severe than that. The design favors a whitelist approach: Only browsers that can get the attestation from a "trusted source" are allowed. Browsers that cannot, don't.
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 :)