Update to favicon section, according to (#416)

* Update to favicon section, according to

http://realfavicongenerator.net/

* Windows start not as expected

* re-add msapplication-navbutton-color

src/UI/Content/Images/favicon/browserconfig.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square70x70logo src="/Content/Images/favicon/mstile-70x70.png"/>
+            <square150x150logo src="/Content/Images/favicon/mstile-150x150.png"/>
+            <square310x310logo src="/Content/Images/favicon/mstile-310x310.png"/>
+            <wide310x150logo src="/Content/Images/favicon/mstile-310x150.png"/>
+            <TileColor>#272727</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

src/UI/Content/Images/favicon/manifest.json

@@ -0,0 +1,53 @@
+{
+    "name": "Radarr",
+    "icons": [
+        {
+            "src": "/Content/Images/favicon/android-chrome-36x36.png",
+            "sizes": "36x36",
+            "type": "image/png"
+        },
+        {
+            "src": "/Content/Images/favicon/android-chrome-48x48.png",
+            "sizes": "48x48",
+            "type": "image/png"
+        },
+        {
+            "src": "/Content/Images/favicon/android-chrome-72x72.png",
+            "sizes": "72x72",
+            "type": "image/png"
+        },
+        {
+            "src": "/Content/Images/favicon/android-chrome-96x96.png",
+            "sizes": "96x96",
+            "type": "image/png"
+        },
+        {
+            "src": "/Content/Images/favicon/android-chrome-144x144.png",
+            "sizes": "144x144",
+            "type": "image/png"
+        },
+        {
+            "src": "/Content/Images/favicon/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/Content/Images/favicon/android-chrome-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        },
+        {
+            "src": "/Content/Images/favicon/android-chrome-384x384.png",
+            "sizes": "384x384",
+            "type": "image/png"
+        },
+        {
+            "src": "/Content/Images/favicon/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#272727",
+    "background_color": "#272727",
+    "display": "standalone"
+}

src/UI/Content/Images/favicon/safari-pinned-tab.svg

@@ -0,0 +1,59 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="16.000000pt" height="16.000000pt" viewBox="0 0 16.000000 16.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,16.000000) scale(0.002286,-0.002286)"
+fill="#000000" stroke="none">
+<path d="M3298 6995 c-1 -1 -45 -5 -97 -9 -51 -3 -96 -8 -100 -10 -3 -2 -40
+-7 -80 -10 -41 -4 -78 -9 -81 -11 -3 -2 -24 -6 -46 -9 -51 -8 -81 -14 -102
+-20 -9 -3 -33 -8 -52 -11 -96 -16 -424 -116 -527 -161 -18 -8 -48 -21 -67 -29
+-19 -8 -37 -15 -40 -15 -9 0 -274 -132 -332 -166 -127 -73 -278 -174 -388
+-257 -67 -50 -123 -94 -126 -98 -3 -4 -25 -23 -50 -44 -71 -58 -236 -221 -326
+-323 -316 -355 -553 -766 -705 -1223 -26 -81 -51 -158 -53 -170 -3 -13 -12
+-51 -21 -84 -8 -33 -18 -76 -21 -95 -3 -19 -7 -37 -9 -40 -5 -7 -34 -174 -41
+-232 -3 -24 -7 -59 -10 -78 -12 -85 -18 -209 -18 -395 -1 -318 12 -441 89
+-815 2 -8 9 -35 16 -60 7 -25 13 -51 15 -58 9 -48 85 -270 131 -382 189 -466
+458 -863 823 -1215 66 -63 101 -95 210 -189 33 -28 204 -154 255 -188 140 -91
+198 -126 312 -186 115 -60 166 -85 298 -142 40 -18 102 -41 206 -78 185 -67
+485 -138 664 -157 28 -3 56 -8 64 -11 74 -25 640 -25 821 1 14 2 48 6 75 10
+43 6 184 31 280 50 62 12 224 58 338 96 791 262 1462 798 1894 1515 61 99 157
+284 208 399 98 220 209 585 239 791 4 22 9 51 11 64 3 14 13 84 22 155 24 188
+23 692 -2 810 -2 11 -7 39 -9 63 -41 338 -165 738 -335 1082 -456 919 -1301
+1595 -2301 1839 -121 29 -308 63 -420 76 -30 4 -68 8 -85 11 -35 5 -522 14
+-527 9z m-1674 -897 c59 -62 246 -254 415 -427 168 -173 343 -353 389 -400
+141 -145 335 -341 338 -341 2 0 29 12 61 26 61 28 283 105 283 99 0 -2 14 0
+32 5 30 9 52 13 168 30 72 11 320 10 390 -1 30 -5 69 -11 85 -13 106 -17 243
+-62 426 -138 28 -12 31 -8 464 437 59 61 236 243 394 405 159 162 318 326 354
+364 l66 69 43 -34 c204 -157 437 -383 581 -564 291 -364 508 -782 624 -1205
+37 -134 72 -300 88 -415 3 -22 8 -51 10 -65 3 -14 7 -56 10 -95 3 -38 8 -90
+11 -115 7 -65 7 -363 -1 -445 -18 -202 -24 -248 -51 -390 -13 -71 -36 -173
+-50 -225 -13 -52 -27 -104 -29 -115 -22 -98 -137 -384 -225 -560 -167 -330
+-349 -582 -615 -850 -141 -142 -199 -194 -328 -294 l-70 -55 -170 175 c-93 96
+-306 314 -472 484 -166 171 -372 381 -456 468 l-154 158 -75 -34 c-113 -52
+-204 -81 -350 -112 -184 -39 -449 -39 -625 0 -144 31 -288 79 -381 125 l-39
+19 -140 -144 c-249 -255 -735 -753 -924 -947 -101 -103 -187 -188 -191 -188
+-3 0 -15 8 -26 18 -10 9 -42 34 -69 55 -256 196 -597 573 -750 829 -5 9 -34
+56 -63 105 -129 214 -277 560 -338 790 -9 32 -17 65 -20 73 -16 56 -72 347
+-78 400 -3 36 -8 81 -11 100 -15 125 -22 460 -11 560 2 19 7 73 11 120 4 46 8
+87 10 90 1 3 6 32 10 65 3 32 8 62 11 66 2 3 6 31 10 60 3 30 8 57 11 62 2 4
+7 20 9 35 26 150 117 429 206 632 128 294 310 584 523 836 114 134 339 350
+479 459 21 17 48 38 60 47 12 10 23 17 26 18 3 0 54 -51 114 -112z"/>
+<path d="M1403 5507 c-251 -260 -468 -600 -603 -942 -59 -148 -133 -395 -146
+-485 -2 -14 -6 -36 -9 -50 -27 -128 -48 -349 -48 -515 -1 -94 12 -334 17 -344
+2 -3 7 -35 10 -70 21 -197 115 -543 203 -741 45 -101 120 -251 150 -298 18
+-29 33 -55 33 -58 0 -7 160 -247 169 -254 3 -3 31 -36 62 -75 89 -110 195
+-225 208 -225 3 0 311 306 684 679 373 374 687 687 697 696 19 17 21 16 58
+-17 227 -205 561 -282 862 -198 132 37 274 116 367 203 32 30 33 30 52 13 11
+-10 321 -319 688 -687 367 -369 676 -674 685 -679 17 -10 30 1 146 129 93 102
+255 329 329 461 180 319 293 637 347 970 23 147 25 160 32 271 17 253 7 429
+-41 744 -10 64 -64 272 -96 370 -134 403 -362 786 -654 1093 l-50 53 -701
+-701 -701 -700 -27 25 c-174 161 -398 246 -636 240 -149 -4 -180 -9 -284 -44
+-122 -42 -244 -113 -336 -198 l-24 -22 -698 697 c-384 383 -700 698 -701 699
+-2 1 -21 -17 -44 -40z"/>
+</g>
+</svg>

src/UI/Content/Images/safari/logo.svg

@@ -1,16 +0,0 @@
-<svg width="218" height="218" version="1.1" viewBox="0 0 163.5 163.50062" xmlns="http://www.w3.org/2000/svg">
- <g id="radarr-group-logo" transform="matrix(.21289 0 0 .21289 -.00030912 .056613)">
-  <g id="radarr-group-details" transform="matrix(.74963 0 0 .74963 -.85254 -.00025565)" fill-rule="evenodd">
-   <g id="radarr-group-shapes-l-r" transform="translate(-5.0026)">
-    <path id="radarr-shape-right" d="m818.96 812.82c76.922-76.922 124.5-183.19 124.5-300.57s-47.578-223.65-124.5-300.57l-300.57 300.57z"/>
-    <path id="radarr-shape-left" d="m217.82 211.68c-76.922 76.922-124.5 183.19-124.5 300.57s47.578 223.64 124.5 300.57l300.57-300.57z"/>
-   </g>
-   <g id="radarr-group-shapes-t-b">
-    <path id="radarr-shape-bottom" d="m817.28 922.46c-85.035 62.871-190.22 100.05-304.09 100.05-113.7 0-218.74-37.059-303.7-99.758l196.29-201.4c32.191 16.406 68.637 25.656 107.24 25.656 38.875 0 75.562-9.3828 107.92-26.004z"/>
-    <path id="radarr-shape-top" d="m817.28 102.05c-85.035-62.875-190.22-100.05-304.09-100.05-113.7 0-218.74 37.059-303.7 99.758l196.29 201.4c32.191-16.406 68.637-25.656 107.24-25.656 38.875 0 75.562 9.3828 107.92 26.004z"/>
-   </g>
-   <path id="radarr-yellow-circle" d="m648.51 512.26c0 74.625-60.492 135.12-135.12 135.12-74.621 0-135.12-60.492-135.12-135.12 0-74.621 60.496-135.12 135.12-135.12 74.625 0 135.12 60.496 135.12 135.12z"/>
-  </g>
-  <path id="radarr-outer-ring" d="m384-0.26592a384 384 0 0 0 -384 384 384 384 0 0 0 384 384 384 384 0 0 0 384 -384 384 384 0 0 0 -384 -384zm0 15a369 369 0 0 1 369 369 369 369 0 0 1 -369 369 369 369 0 0 1 -369 -369 369 369 0 0 1 369 -369z" stroke-width="1.0852"/>
- </g>
-</svg>

src/UI/index.html

@@ -7,11 +7,6 @@
     <meta name="mobile-web-app-capable" content="yes"/>
     <meta name="apple-mobile-web-app-capable" content="yes"/>
 
-    <!-- Chrome, Opera, and Firefox OS -->
-    <meta name="theme-color" content="#272727"/>
-    <!-- Windows Phone -->
-    <meta name="msapplication-navbutton-color" content="#272727"/>
-
     <meta content="text/html;charset=utf-8" http-equiv="Content-Type"/>
 
     <link href="/Content/bootstrap.css" rel='stylesheet' type='text/css'/>
@@ -33,12 +28,24 @@
     <link href="/Content/overrides.css" rel='stylesheet' type='text/css'/>
     <link href="/Content/info.css" rel='stylesheet' type='text/css'/>
 
-    <link rel="apple-touch-icon" href="/Content/Images/touch/57.png"/>
+    <!-- Windows Phone -->
-    <link rel="apple-touch-icon" sizes="72x72" href="/Content/Images/touch/72.png"/>
+    <meta name="msapplication-navbutton-color" content="#272727"/>
-    <link rel="apple-touch-icon" sizes="114x114" href="/Content/Images/touch/114.png"/>
+
-    <link rel="apple-touch-icon" sizes="144x144" href="/Content/Images/touch/144.png"/>
+    <!-- Generated by http://realfavicongenerator.net/ -->
-    <link rel="mask-icon" href="/Content/Images/safari/logo.svg" color="#ffc230">
+    <link rel="apple-touch-icon" sizes="180x180" href="/Content/Images/favicon/apple-touch-icon.png">
-    <link rel="icon" type="image/ico" href="/Content/Images/favicon.ico"/>
+    <link rel="icon" type="image/png" href="/Content/Images/favicon/favicon-32x32.png" sizes="32x32">
+    <link rel="icon" type="image/png" href="/Content/Images/favicon/favicon-194x194.png" sizes="194x194">
+    <link rel="icon" type="image/png" href="/Content/Images/favicon/android-chrome-192x192.png" sizes="192x192">
+    <link rel="icon" type="image/png" href="/Content/Images/favicon/favicon-16x16.png" sizes="16x16">
+    <link rel="manifest" href="/Content/Images/favicon/manifest.json">
+    <link rel="mask-icon" href="/Content/Images/favicon/safari-pinned-tab.svg" color="#ffc230">
+    <link rel="shortcut icon" href="/Content/Images/favicon/favicon.ico">
+    <meta name="apple-mobile-web-app-title" content="Radarr">
+    <meta name="application-name" content="Radarr">
+    <meta name="msapplication-TileColor" content="#272727">
+    <meta name="msapplication-TileImage" content="/Content/Images/favicon/mstile-144x144.png">
+    <meta name="msapplication-config" content="/Content/Images/favicon/browserconfig.xml">
+    <meta name="theme-color" content="#272727">
 
     <link rel="alternate" type="text/calendar" title="iCalendar feed for Radarr" href="/feed/calendar/NzbDrone.ics"/>
 </head>

src/UI/login.html

@@ -11,11 +11,24 @@
     <link href="/Content/bootstrap.css" rel='stylesheet' type='text/css'/>
     <link href="/Content/theme.css" rel='stylesheet' type='text/css'/>
 
-    <link rel="apple-touch-icon" href="/Content/Images/touch/57.png"/>
+    <!-- Windows Phone -->
-    <link rel="apple-touch-icon" sizes="72x72" href="/Content/Images/touch/72.png"/>
+    <meta name="msapplication-navbutton-color" content="#272727"/>
-    <link rel="apple-touch-icon" sizes="114x114" href="/Content/Images/touch/114.png"/>
+
-    <link rel="apple-touch-icon" sizes="144x144" href="/Content/Images/touch/144.png"/>
+    <!-- Generated by http://realfavicongenerator.net/ -->
-    <link rel="icon" type="image/ico" href="/Content/Images/favicon.ico"/>
+    <link rel="apple-touch-icon" sizes="180x180" href="/Content/Images/favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" href="/Content/Images/favicon/favicon-32x32.png" sizes="32x32">
+    <link rel="icon" type="image/png" href="/Content/Images/favicon/favicon-194x194.png" sizes="194x194">
+    <link rel="icon" type="image/png" href="/Content/Images/favicon/android-chrome-192x192.png" sizes="192x192">
+    <link rel="icon" type="image/png" href="/Content/Images/favicon/favicon-16x16.png" sizes="16x16">
+    <link rel="manifest" href="/Content/Images/favicon/manifest.json">
+    <link rel="mask-icon" href="/Content/Images/favicon/safari-pinned-tab.svg" color="#ffc230">
+    <link rel="shortcut icon" href="/Content/Images/favicon/favicon.ico">
+    <meta name="apple-mobile-web-app-title" content="Radarr">
+    <meta name="application-name" content="Radarr">
+    <meta name="msapplication-TileColor" content="#272727">
+    <meta name="msapplication-TileImage" content="/Content/Images/favicon/mstile-144x144.png">
+    <meta name="msapplication-config" content="/Content/Images/favicon/browserconfig.xml">
+    <meta name="theme-color" content="#272727">
 </head>
 <body>
 <div class="container">