Update favicons

Author: jgthms

_includes/favicons.html

@@ -1,8 +1,8 @@
-<link rel="apple-touch-icon" sizes="180x180" href="{{site.url}}/favicons/apple-touch-icon.png?v=xQoRB7A0ld">
-<link rel="icon" type="image/png" href="{{site.url}}/favicons/favicon-32x32.png?v=xQoRB7A0ld" sizes="32x32">
-<link rel="icon" type="image/png" href="{{site.url}}/favicons/favicon-16x16.png?v=xQoRB7A0ld" sizes="16x16">
-<link rel="manifest" href="{{site.url}}/favicons/manifest.json?v=xQoRB7A0ld">
-<link rel="mask-icon" href="{{site.url}}/favicons/safari-pinned-tab.svg?v=xQoRB7A0ld" color="#e44d26">
-<link rel="shortcut icon" href="{{site.url}}/favicons/favicon.ico?v=xQoRB7A0ld">
-<meta name="msapplication-config" content="{{site.url}}/favicons/browserconfig.xml?v=xQoRB7A0ld">
-<meta name="theme-color" content="#ffffff">
+<link rel="apple-touch-icon" sizes="180x180" href="{{site.url}}/favicons/apple-touch-icon.png?v=201702051021">
+<link rel="icon" type="image/png" href="{{site.url}}/favicons/favicon-32x32.png?v=201702051021" sizes="32x32">
+<link rel="icon" type="image/png" href="{{site.url}}/favicons/favicon-16x16.png?v=201702051021" sizes="16x16">
+<link rel="manifest" href="{{site.url}}/favicons/manifest.json?v=201702051021">
+<link rel="mask-icon" href="{{site.url}}/favicons/safari-pinned-tab.svg?v=201702051021" color="#fd4011">
+<link rel="shortcut icon" href="{{site.url}}/favicons/favicon.ico?v=201702051021">
+<meta name="msapplication-config" content="{{site.url}}/favicons/browserconfig.xml?v=201702051021">
+<meta name="theme-color" content="#fd4011">

css/website.css

@@ -2,8 +2,8 @@
 <browserconfig>
     <msapplication>
         <tile>
-            <square150x150logo src="/favicons/mstile-150x150.png?v=xQoRB7A0ld"/>
-            <TileColor>#e44d26</TileColor>
+            <square150x150logo src="/favicons/mstile-150x150.png?v=201702051021"/>
+            <TileColor>#fd4011</TileColor>
         </tile>
     </msapplication>
 </browserconfig>

favicons/android-chrome-192x192.png

@@ -2,17 +2,17 @@
     "name": "HTML Reference",
     "icons": [
         {
-            "src": "/favicons/android-chrome-192x192.png?v=xQoRB7A0ld",
+            "src": "/favicons/android-chrome-192x192.png?v=201702051021",
             "sizes": "192x192",
             "type": "image/png"
         },
         {
-            "src": "/favicons/android-chrome-384x384.png?v=xQoRB7A0ld",
+            "src": "/favicons/android-chrome-384x384.png?v=201702051021",
             "sizes": "384x384",
             "type": "image/png"
         }
     ],
-    "theme_color": "#ffffff",
-    "background_color": "#ffffff",
+    "theme_color": "#fd4011",
+    "background_color": "#fd4011",
     "display": "standalone"
 }

favicons/android-chrome-384x384.png

@@ -4,8 +4,8 @@
 .header-figure
   display: flex
   img:first-child
-    height: 144px
-    width: 144px
+    height: 128px
+    width: 128px
 
 .header-title
   color: $text-strong
@@ -42,7 +42,6 @@
     margin-bottom: 30px
     img:last-child
       height: 40px
-      margin-top: -20px
   .header-subtitle
     margin-top: 10px
 

favicons/apple-touch-icon.png

@@ -22,10 +22,9 @@ $blue-invert:    findColorInvert($blue)
 $purple-invert:  findColorInvert($purple)
 $red-invert:     findColorInvert($red)
 
-$html5: #e44d26
-$html5-bis: #f16529
+$html5: #FD4011
+$html5-bis: #FF7D45
 $html5-invert: findColorInvert($html5)
-$html5-light: hsl(12, 78%, 92%)
 
 // Social
 $facebook:    #3b5998