Add web app support

[medinnna]

Hi! I added the necessary changes for web app support:

• App icon
• Theme color matching using background-color from glance.yaml
• Navigation bar position adjustment only for iOS to avoid home indicator
• Manifest file for basic configuration
• Tested on iOS, Chrome and Safari

iOS:

Chrome:

Safari:

[svilenmarkov]

Hey, thanks for contributing!

Just a small query about the mobile navigation offset since there might be a more dynamic way of doing it.

[svilenmarkov]

I don't have an iPhone so I can't test this, however could we use something like this?

env(safe-area-inset-bottom, 20px);

Docs: https://developer.mozilla.org/en-US/docs/Web/CSS/env

If it works, it should provide a more flexible approach to offsetting the mobile navigation. Might require some extra work as well to get the "SHOW LESS" labels to also account for this offset since they get stickied to the bottom.

[medinnna]

Done! Now the safe-area variables are used, but because of this I went a little further since the way of hiding the page bar caused it to be exposed due to the offset, that's why I made some adjustments to compensate for it, I hope you don't mind. This is the final result:

iOS:

ios.mp4

Chrome:

chrome.mov

[svilenmarkov]

Thanks for looking into it! There's a high likelihood that more stuff will end up going there in the future so a static height that only accounts for the navigation links won't work. I've changed the implementation so that it can work with content of any height:

(fake navigation bar btw)

mobile-navigation.mp4

Let me know if this works and I'll get it merged.