Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Make site work as a PWA #109

Open
anoadragon453 opened this issue Oct 25, 2018 · 1 comment
Open

Make site work as a PWA #109

anoadragon453 opened this issue Oct 25, 2018 · 1 comment

Comments

@anoadragon453
Copy link
Contributor

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
Copy link
Contributor Author

anoadragon453 commented Oct 25, 2018

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant