Pwa improvement (#194)

* add 256 & 512 icons * skip to content snippet * remove user-scalable=no to enable zoom

Pwa improvement (#194)
253a3aad · Majid Hajian · Evan You · c5f9a650 · 253a3aad · 253a3aad
Commit 253a3aad authored May 30, 2017 by Majid Hajian Committed by Evan You May 30, 2017
Hide whitespace changes
Inline Side-by-side

Showing with 16 additions and 3 deletions

manifest.json manifest.json +9 -1

logo-256.png public/logo-256.png +0 -0

logo-512.png public/logo-512.png +0 -0

index.template.html src/index.template.html +7 -2

No files found.
--- 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",

--- a/public/logo-256.png
+++ b/public/logo-256.png
--- a/public/logo-512.png
+++ b/public/logo-512.png
--- 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>