Pwa improvement (#194)

* add 256 & 512 icons * skip to content snippet * remove user-scalable=no to enable zoom
vuejs · May 30, 2017 · 253a3aa · 253a3aa
1 parent c5f9a65
commit 253a3aa
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 3 deletions.
diff --git a/manifest.json b/manifest.json
@@ -17,10 +17,18 @@
       "src": "/public/logo-192.png",
       "sizes": "192x192",
       "type": "image/png"
-    },{
+    }, {
+      "src": "/public/logo-256.png",
+      "sizes": "256x256",
+      "type": "image/png"
+    }, {
       "src": "/public/logo-384.png",
       "sizes": "384x384",
       "type": "image/png"
+    }, {
+    "src": "/public/logo-512.png",
+    "sizes": "512x512",
+    "type": "image/png"
     }],
   "start_url": "/",
   "background_color": "#f2f3f5",

diff --git a/public/logo-256.png b/public/logo-256.png
diff --git a/public/logo-512.png b/public/logo-512.png
diff --git a/src/index.template.html b/src/index.template.html
@@ -7,12 +7,17 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="default">
     <link rel="apple-touch-icon" sizes="120x120" href="/public/logo-120.png">
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
     <link rel="shortcut icon" sizes="48x48" href="/public/logo-48.png">
     <meta name="theme-color" content="#f60">
     <link rel="manifest" href="/manifest.json">
+    <style>
+      #skip a {  position:absolute;  left:-10000px;  top:auto;  width:1px;  height:1px;  overflow:hidden;  }
+      #skip a:focus {  position:static;  width:auto;  height:auto;  }
+    </style>
   </head>
   <body>
-    <!--vue-ssr-outlet-->
+  <div id="skip"><a href="#app">skip to content</a></div>
+  <!--vue-ssr-outlet-->
   </body>
 </html>