Web App Manifest Impovements (#12)

* Added more icon sizes

* Added legacy icon links

* Added links to native apps to manifest

* Added icons for apple devices

index.html

@@ -13,6 +13,18 @@
     <meta name="keywords" content="" />
     <meta name="theme-color" content="#434343"/>
     <link rel="manifest" href="/manifest.json">
+    <link rel="apple-touch-icon" sizes="57x57" href="/images/touch/icons-57.png">
+    <link rel="apple-touch-icon" sizes="60x60" href="/images/touch/icons-60.png">
+    <link rel="apple-touch-icon" sizes="72x72" href="/images/touch/icons-72.png">
+    <link rel="apple-touch-icon" sizes="76x76" href="/images/touch/icons-76.png">
+    <link rel="apple-touch-icon" sizes="120x120" href="/images/touch/icons-120.png">
+    <link rel="apple-touch-icon" sizes="144x144" href="/images/touch/icons-144.png">
+    <link rel="apple-touch-icon" sizes="152x152" href="/images/touch/icons-152.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/touch/icons-180.png">
+    <link rel="icon" type="image/png" href="/images/manifest/icons-16.png" sizes="16x16">
+    <link rel="icon" type="image/png" href="/images/manifest/icons-32.png" sizes="32x32">
+    <link rel="icon" type="image/png" href="/images/manifest/icons-96.png" sizes="96x96">
+    <link rel="icon" type="image/png" href="/images/manifest/icons-192.png" sizes="192x192">
     <link rel="canonical" href="https://moonlight-stream.com"/>
     <link rel="alternate" hreflang="en" href="https://moonlight-stream.com" />
     <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->

manifest.json

@@ -2,6 +2,31 @@
   "short_name": "Moonlight",
   "name": "Moonlight Game Streaming",
   "icons": [
+    {
+      "src": "/images/manifest/icons-36.png",
+      "type": "image/png",
+      "sizes": "36x36"
+    },
+    {
+      "src": "/images/manifest/icons-48.png",
+      "type": "image/png",
+      "sizes": "48x48"
+    },
+    {
+      "src": "/images/manifest/icons-72.png",
+      "type": "image/png",
+      "sizes": "72x72"
+    },
+    {
+      "src": "/images/manifest/icons-96.png",
+      "type": "image/png",
+      "sizes": "96x96"
+    },
+    {
+      "src": "/images/manifest/icons-144.png",
+      "type": "image/png",
+      "sizes": "144x144"
+    },
     {
       "src": "/images/manifest/icons-192.png",
       "type": "image/png",
@@ -16,5 +41,15 @@
   "start_url": "/?source=homescreen",
   "background_color": "#434343",
   "display": "browser",
-  "theme_color": "#3367D6"
+  "theme_color": "#3367D6",
+  "prefer_related_applications": true,
+  "related_applications": [
+  {
+    "platform": "play",
+    "url": "https://play.google.com/store/apps/details?id=com.limelight",
+    "id": "com.limelight"
+  }, {
+    "platform": "itunes",
+    "url": "https://itunes.apple.com/us/app/moonlight-game-streaming/id1000551566"
+  }]
 }