Adds web app manifest file (#1963)

closes #1629
h5bp · Jul 11, 2017 · bc2710e · bc2710e
1 parent efa3db1
commit bc2710e
Show file tree

Hide file tree

Showing 10 changed files with 26 additions and 6 deletions.
diff --git a/dist/apple-touch-icon.png b/dist/apple-touch-icon.png
diff --git a/dist/doc/html.md b/dist/doc/html.md
@@ -156,9 +156,9 @@ using some polyfill CDN service, like [cdn.polyfill.io](https://cdn.polyfill.io/
 just put it before the other scripts in the bottom of the page:
 
 ```html
-    <script src="https://cdn.polyfill.io/v1/polyfill.min.js"></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
-    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script>
+    <script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>
+    <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
+    <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
     <script src="js/plugins.js"></script>
     <script src="js/main.js"></script>
 </body>

diff --git a/dist/icon.png b/dist/icon.png
diff --git a/dist/index.html b/dist/index.html
@@ -7,7 +7,8 @@
         <meta name="description" content="">
         <meta name="viewport" content="width=device-width, initial-scale=1">
 
-        <link rel="apple-touch-icon" href="apple-touch-icon.png">
+        <link rel="manifest" href="site.webmanifest">
+        <link rel="apple-touch-icon" href="icon.png">
         <!-- Place favicon.ico in the root directory -->
 
         <link rel="stylesheet" href="css/normalize.css">

diff --git a/dist/site.webmanifest b/dist/site.webmanifest
@@ -0,0 +1,8 @@
+{
+    "icons": [{
+        "src": "icon.png",
+        "sizes": "192x192",
+        "type": "image/png"
+    }],
+    "start_url": "/"
+}
diff --git a/src/apple-touch-icon.png b/src/apple-touch-icon.png
diff --git a/src/icon.png b/src/icon.png
diff --git a/src/index.html b/src/index.html
@@ -7,7 +7,8 @@
         <meta name="description" content="">
         <meta name="viewport" content="width=device-width, initial-scale=1">
 
-        <link rel="apple-touch-icon" href="apple-touch-icon.png">
+        <link rel="manifest" href="site.webmanifest">
+        <link rel="apple-touch-icon" href="icon.png">
         <!-- Place favicon.ico in the root directory -->
 
         <link rel="stylesheet" href="css/normalize.css">

diff --git a/src/site.webmanifest b/src/site.webmanifest
@@ -0,0 +1,8 @@
+{
+    "icons": [{
+        "src": "icon.png",
+        "sizes": "192x192",
+        "type": "image/png"
+    }],
+    "start_url": "/"
+}
diff --git a/test/file_existence.js b/test/file_existence.js
@@ -20,7 +20,6 @@ const expectedFilesInDistDir = [
     '.gitignore',
     '.htaccess',
     '404.html',
-    'apple-touch-icon.png',
     'browserconfig.xml',
 
     'css/', // for directories, a `/` character
@@ -41,6 +40,8 @@ const expectedFilesInDistDir = [
     'favicon.ico',
     'humans.txt',
 
+    'icon.png',
+
     'img/',
         'img/.gitignore',
 
@@ -55,6 +56,7 @@ const expectedFilesInDistDir = [
 
     'LICENSE.txt',
     'robots.txt',
+    'site.webmanifest',
     'tile-wide.png',
     'tile.png'