Updated favicons

Signed-off-by: Marcus Noble <github@marcusnoble.co.uk>

src/images/favico/safari-pinned-tab.svg

@@ -0,0 +1,26 @@
+<?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="192.000000pt" height="192.000000pt" viewBox="0 0 192.000000 192.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,192.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1055 1592 c-45 -10 -154 -99 -169 -137 -4 -11 -10 -45 -12 -75 -5
+-64 -7 -76 -22 -112 -11 -26 -9 -51 8 -118 5 -19 11 -47 14 -63 3 -15 11 -40
+18 -55 29 -60 4 -115 -57 -125 -11 -2 -35 -11 -52 -20 -18 -10 -33 -15 -33
+-11 0 4 -6 2 -12 -4 -7 -5 -29 -13 -48 -17 -45 -10 -121 -48 -140 -72 -41 -49
+-72 -93 -65 -93 4 0 2 -7 -5 -15 -7 -8 -9 -15 -6 -15 4 0 2 -9 -4 -20 -6 -11
+-13 -38 -15 -60 -2 -22 -9 -58 -15 -80 -6 -23 -13 -58 -16 -78 -2 -20 -7 -50
+-10 -67 -12 -57 -15 -90 -17 -223 l-2 -132 706 0 706 0 -3 58 c-4 90 -12 149
+-28 201 -8 27 -12 52 -9 55 3 3 2 13 -2 23 -5 10 -9 24 -11 30 -1 7 -9 32 -17
+55 -19 54 -41 128 -58 196 -7 28 -17 52 -21 52 -5 0 -7 4 -3 9 3 5 1 12 -5 16
+-5 3 -17 22 -26 41 -15 30 -89 94 -110 94 -4 0 -26 9 -48 20 -23 11 -50 21
+-61 23 -11 2 -33 9 -48 15 -16 7 -31 12 -34 12 -16 0 -93 45 -93 54 0 13 52
+166 73 215 9 21 12 44 7 60 -4 14 -6 64 -4 111 3 101 -8 130 -68 187 -60 57
+-123 79 -183 65z"/>
+</g>
+</svg>

src/manifest.json

@@ -2,40 +2,34 @@
  "name": "Marcus Noble - Blog",
  "icons": [
      {
-   "src": "\/images\/favico\favicon-36.png",
+         "src": "/images/favico/android-chrome-36x36.png",
          "sizes": "36x36",
-   "type": "image\/png",
+         "type": "image/png"
-   "density": "0.75"
      },
      {
-   "src": "\/images\/favico\favicon-48.png",
+         "src": "/images/favico/android-chrome-48x48.png",
          "sizes": "48x48",
-   "type": "image\/png",
+         "type": "image/png"
-   "density": "1.0"
      },
      {
-   "src": "\/images\/favico\favicon-72.png",
+         "src": "/images/favico/android-chrome-72x72.png",
          "sizes": "72x72",
-   "type": "image\/png",
+         "type": "image/png"
-   "density": "1.5"
      },
      {
-   "src": "\/images\/favico\favicon-96.png",
+         "src": "/images/favico/android-chrome-96x96.png",
          "sizes": "96x96",
-   "type": "image\/png",
+         "type": "image/png"
-   "density": "2.0"
      },
      {
-   "src": "\/images\/favico\favicon-144.png",
+         "src": "/images/favico/android-chrome-144x144.png",
          "sizes": "144x144",
-   "type": "image\/png",
+         "type": "image/png"
-   "density": "3.0"
      },
      {
-   "src": "\/images\/favico\favicon-192.png",
+         "src": "/images/favico/android-chrome-192x192.png",
          "sizes": "192x192",
-   "type": "image\/png",
+         "type": "image/png"
-   "density": "4.0"
      }
  ]
 }

templates/partials/head.html

@@ -18,33 +18,26 @@
   <!-- Twitter Do Not Track -->
   <meta name="twitter:dnt" content="on">
 
-  <!-- For old IEs -->
+
-  <link rel="shortcut icon" href="/images/favico/favicon.ico" />
+
-  <!-- For new browsers - multisize ico  -->
+  <link rel="apple-touch-icon" sizes="57x57" href="/images/favico/apple-touch-icon-57x57.png">
-  <link rel="icon" type="image/x-icon" sizes="16x16 32x32" href="/images/favico/favicon.ico">
+  <link rel="apple-touch-icon" sizes="60x60" href="/images/favico/apple-touch-icon-60x60.png">
-  <!-- For iPad with high-resolution Retina display running iOS ≥ 7: -->
+  <link rel="apple-touch-icon" sizes="72x72" href="/images/favico/apple-touch-icon-72x72.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="/images/favico/favicon-152-precomposed.png">
+  <link rel="apple-touch-icon" sizes="76x76" href="/images/favico/apple-touch-icon-76x76.png">
-  <!-- For iPad with high-resolution Retina display running iOS ≤ 6: -->
+  <link rel="apple-touch-icon" sizes="114x114" href="/images/favico/apple-touch-icon-114x114.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="/images/favico/favicon-144-precomposed.png">
+  <link rel="apple-touch-icon" sizes="120x120" href="/images/favico/apple-touch-icon-120x120.png">
-  <!-- For iPhone with high-resolution Retina display running iOS ≥ 7: -->
+  <link rel="apple-touch-icon" sizes="144x144" href="/images/favico/apple-touch-icon-144x144.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="/images/favico/favicon-120-precomposed.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="/images/favico/apple-touch-icon-152x152.png">
-  <!-- For iPhone with high-resolution Retina display running iOS ≤ 6: -->
+  <link rel="apple-touch-icon" sizes="180x180" href="/images/favico/apple-touch-icon-180x180.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="/images/favico/favicon-114-precomposed.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/images/favico/favicon-32x32.png">
-  <!-- For iPhone 6+ -->
+  <link rel="icon" type="image/png" sizes="16x16" href="/images/favico/favicon-16x16.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="/images/favico/favicon-180-precomposed.png">
+  <link rel="mask-icon" href="/images/favico/safari-pinned-tab.svg" color="#ffffff">
-  <!-- For first- and second-generation iPad: -->
+  <link rel="shortcut icon" href="/images/favico/favicon.ico">
-  <link rel="apple-touch-icon" sizes="72x72" href="/images/favico/favicon-72-precomposed.png">
-  <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
-  <link rel="apple-touch-icon" sizes="57x57" href="/images/favico/favicon-57.png">
-  <!-- For Old Chrome -->
-  <link rel="icon" sizes="32x32" href="/images/favico/favicon-32.png" >
-  <!-- For IE10 Metro -->
-  <meta name="msapplication-TileColor" content="#FFFFFF">
-  <meta name="msapplication-TileImage" content="/images/favico/favicon-192.png">
   <meta name="theme-color" content="#ffffff">
+  <meta name="msapplication-TileColor" content="#2b5797">
+  <meta name="msapplication-TileImage" content="/images/favico/mstile-150x150.png">
   <!-- Chrome for Android -->
   <link rel="manifest" href="manifest.json">
-  <link rel="icon" sizes="192x192" href="/images/favico/favicon-192.png">
 
 
   <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/orkney" type="text/css"/>