feat(aio): add iphone pwa features

Author: jesselpalmer

aio/src/index.html

@@ -19,6 +19,8 @@
         sizes="192x192">
   <link rel="icon" type="image/png" href="assets/images/favicons/favicon-16x16.png"
         sizes="16x16">
+  <link rel="apple-touch-icon" sizes="144x144" href="assets/images/favicons/apple-touch-icon-144x144.png">
+  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/images/favicons/apple-touch-icon-144x144.png">
 
   <!-- NOTE: These need to be kept in sync with `ngsw-manifest.json`. -->
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
@@ -28,6 +30,9 @@
 
   <link rel="manifest" href="pwa-manifest.json">
   <meta name="theme-color" content="#1976d2">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="translucent">
+  
 
   <!-- Google Analytics -->
   <script>

aio/src/pwa-manifest.json

@@ -6,6 +6,11 @@
       "src":"assets/images/favicons/favicon-194x194.png",
       "sizes": "194x194 512x512",
       "type": "image/png"
+    },
+    {
+      "src":"assets/images/favicons/apple-touch-icon-144x144.png",
+      "sizes": "144x144",
+      "type": "image/png"
     }
   ],
   "start_url": "/?utm_source=homescreen",