search

HelloZeroNet / Documentation

ZeroNet Documentation
https://zeronet.readthedocs.org/
GNU General Public License v2.0
74 stars 107 forks source link

Make site work as a PWA #109

Open anoadragon453 opened 5 years ago

anoadragon453 commented 5 years ago

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 5 years ago

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.