Documentation
Documentation copied to clipboard
HelloZeroNet
Make site work as a PWA
People like these, and apparently they work on Desktop and Mobile now.
Not super high priority for something to keep in the TODO list.
The following is metadata that can be included in <head> to customize the PWA icon and signify it is a PWA in the first place.
<link rel="apple-touch-icon-precomposed" href="../bat.png?v=2.2" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="mobile-web-app-capable" content="yes" />
The whole shebang:
<link rel="apple-touch-startup-image" href="../bat.png" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="mobile-web-app-capable" content="yes" />
<link rel="apple-touch-icon" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png" />
<link rel="manifest" href="../site.webmanifest" />
<link rel="mask-icon" href="../safari-pinned-tab.svg" color="#777777" />
<meta name="msapplication-TileColor" content="#777777" />
192x192 for icons.