Merge pull request #1898 from katieporter/develop

Update navigation and favicons with new logo

Author: eschallock

source/_assets/stylesheets/components/nav.less

@@ -76,8 +76,8 @@
   #logo {
   margin-top: 21px;
   display: inline-block;
-  width: 120px;
-  height: 26px;
+  width: 155px;
+  height: 37px;
   margin-left: 30px;
 }
   #nav-menu {

source/_assets/stylesheets/images.less

@@ -3,7 +3,7 @@
 
 // Logo
 #logo {
-  background: url(../images/sendgrid-logo-blue.png?embed=true) no-repeat;
+  background: url('https://sendgrid.com/brand/sg-logo.png') no-repeat;
   background-size: contain;
 }
 
@@ -36,4 +36,4 @@
 
 .circle-indicator {
   background: url(../images/circle-indicator.gif);
-}
+}

source/_includes/head.html

@@ -54,27 +54,24 @@
   <meta name="MobileOptimized" content="320">
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
-  <link rel="apple-touch-icon-precomposed" sizes="57x57" href="{{root_url}}/images/apple-touch-icon-57x57.png" />
-  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{root_url}}/images/apple-touch-icon-114x114.png" />
-  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{root_url}}/images/apple-touch-icon-72x72.png" />
-  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{root_url}}/images/apple-touch-icon-144x144.png" />
-  <link rel="apple-touch-icon-precomposed" sizes="60x60" href="{{root_url}}/images/apple-touch-icon-60x60.png" />
-  <link rel="apple-touch-icon-precomposed" sizes="120x120" href="{{root_url}}/images/apple-touch-icon-120x120.png" />
-  <link rel="apple-touch-icon-precomposed" sizes="76x76" href="{{root_url}}/images/apple-touch-icon-76x76.png" />
-  <link rel="apple-touch-icon-precomposed" sizes="152x152" href="{{root_url}}/images/apple-touch-icon-152x152.png" />
-  <link rel="icon" type="image/png" href="{{root_url}}/images/favicon-196x196.png" sizes="196x196" />
-  <link rel="icon" type="image/png" href="{{root_url}}/images/favicon-96x96.png" sizes="96x96" />
-  <link rel="icon" type="image/png" href="{{root_url}}/images/favicon-32x32.png" sizes="32x32" />
-  <link rel="icon" type="image/png" href="{{root_url}}/images/favicon-16x16.png" sizes="16x16" />
-  <link rel="icon" type="image/png" href="{{root_url}}/images/favicon-128.png" sizes="128x128" />
-  <meta name="application-name" content="&nbsp;"/>
-  <meta name="msapplication-TileColor" content="#FFFFFF" />
-  <meta name="msapplication-TileImage" content="{{root_url}}/images/mstile-144x144.png" />
-  <meta name="msapplication-square70x70logo" content="{{root_url}}/images/mstile-70x70.png" />
-  <meta name="msapplication-square150x150logo" content="{{root_url}}/images/mstile-150x150.png" />
-  <meta name="msapplication-wide310x150logo" content="{{root_url}}/images/mstile-310x150.png" />
-  <meta name="msapplication-square310x310logo" content="{{root_url}}/images/mstile-310x310.png" />
-
+  <link rel="shortcut icon" type="image/x-icon" href="https://sendgrid.com/brand/favicons/favicon.ico">
+  <link rel="apple-touch-icon" sizes="57x57" href="https://sendgrid.com/brand/favicons/apple-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60" href="https://sendgrid.com/brand/favicons/apple-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72" href="https://sendgrid.com/brand/favicons/apple-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76" href="https://sendgrid.com/brand/favicons/apple-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114" href="https://sendgrid.com/brand/favicons/apple-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120" href="https://sendgrid.com/brand/favicons/apple-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144" href="https://sendgrid.com/brand/favicons/apple-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="https://sendgrid.com/brand/favicons/apple-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="https://sendgrid.com/brand/favicons/apple-icon-180x180.png">
+  <link rel="icon" type="image/png" sizes="192x192" href="https://sendgrid.com/brand/favicons/android-icon-192x192.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="https://sendgrid.com/brand/favicons/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="96x96" href="https://sendgrid.com/brand/favicons/favicon-96x96.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="https://sendgrid.com/brand/favicons/favicon-16x16.png">
+  <link rel="manifest" href=" https://sendgrid.com/brand/favicons/manifest.json">
+  <meta name="msapplication-TileColor" content="#ffffff"}
+  <meta name="msapplication-TileImage" content="https://sendgrid.com/brand/favicons/ms-icon-144x144.png">
+  <meta name="theme-color" content="#ffffff">
 
   <link href="{{root_url}}/{% css_asset_tag global %}
 - /_assets/stylesheets/app.less