HelloZeroNet/Documentation

Make site work as a PWA

anoadragon453 opened this issue · 1 comments

anoadragon453 commented

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" />
anoadragon453 commented

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.

  • 👍1