Updating logo

web/static/config/manifest.json

@@ -1,13 +1,40 @@
 {
-  "name": "Mattermost",
-  "icons": [
-    {
-      "src": "../static/iamges/icon50x50.png",
-      "sizes": "50x50",
-      "type": "image/png"
-    }
-  ],
-  "start_url": "/",
-  "display": "standalone",
-  "orientation": "portrait"
+    "name": "Mattermost",
+    "icons": [{
+        "src": "/static/images/favicon/android-chrome-36x36.png",
+        "type": "image/png",
+        "sizes": "36x36"
+    }, {
+        "src": "/static/images/favicon/android-chrome-48x48.png",
+        "type": "image/png",
+        "sizes": "48x48"
+    }, {
+        "src": "/static/images/favicon/android-chrome-72x72.png",
+        "type": "image/png",
+        "sizes": "72x72"
+    }, {
+        "src": "/static/images/favicon/android-chrome-96x96.png",
+        "type": "image/png",
+        "sizes": "96x96"
+    }, {
+        "src": "/static/images/favicon/android-chrome-144x144.png",
+        "type": "image/png",
+        "sizes": "144x144"
+    }, {
+        "src": "/static/images/favicon/android-chrome-192x192.png",
+        "type": "image/png",
+        "sizes": "192x192"
+    }, {
+        "src": "/static/images/favicon/android-chrome-256x256.png",
+        "type": "image/png",
+        "sizes": "256x256"
+    }, {
+        "src": "/static/images/favicon/android-chrome-384x384.png",
+        "type": "image/png",
+        "sizes": "384x384"
+    }, {
+        "src": "/static/images/favicon/android-chrome-512x512.png",
+        "type": "image/png",
+        "sizes": "512x512"
+    }]
 }

web/templates/head.html

@@ -15,6 +15,19 @@
     <!-- iOS add to homescreen -->
 
     <!-- Android add to homescreen -->
+    <link rel="apple-touch-icon" sizes="57x57" href="/static/images/favicon/apple-touch-icon-57x57.png">
+    <link rel="apple-touch-icon" sizes="60x60" href="/static/images/favicon/apple-touch-icon-60x60.png">
+    <link rel="apple-touch-icon" sizes="72x72" href="/static/images/favicon/apple-touch-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="76x76" href="/static/images/favicon/apple-touch-icon-76x76.png">
+    <link rel="apple-touch-icon" sizes="114x114" href="/static/images/favicon/apple-touch-icon-114x114.png">
+    <link rel="apple-touch-icon" sizes="120x120" href="/static/images/favicon/apple-touch-icon-120x120.png">
+    <link rel="apple-touch-icon" sizes="144x144" href="/static/images/favicon/apple-touch-icon-144x144.png">
+    <link rel="apple-touch-icon" sizes="152x152" href="/static/images/favicon/apple-touch-icon-152x152.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/static/images/favicon/apple-touch-icon-180x180.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/static/images/favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="192x192" href="/static/images/favicon/android-chrome-192x192.png">
+    <link rel="icon" type="image/png" sizes="96x96" href="/static/images/favicon/favicon-96x96.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/static/images/favicon/favicon-16x16.png">
     <link rel="manifest" href="/static/config/manifest.json">
     <!-- Android add to homescreen -->
 
@@ -27,9 +40,6 @@
     <link rel="stylesheet" href="/static/css/katex.min.css">
     <link rel="stylesheet" class="code_theme" href="">
 
-    <link id="favicon" rel="icon" href="/static/images/favicon.ico" type="image/x-icon">
-    <link rel="shortcut icon" href="/static/images/favicon.ico" type="image/x-icon">
-
     <script src="/static/js/react-0.14.3.js"></script>
     <script src="/static/js/react-dom-0.14.3.js"></script>
     <script src="/static/js/jquery-2.1.4.js"></script>