logo update

client/views/main.html

@@ -14,33 +14,48 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
 	<meta name="google-site-verification" content="wx2LmTKIPqkpThw42Bo3UGi7LnTc8v-baoo7kIT8z6Y" />
 	<meta name="msvalidate.01" content="CC595410A57B0314F81C928AE4E982C9" />
-	<meta name="msapplication-config" content="none"/>
+	<meta name="apple-mobile-web-app-title" content="Rocket.Chat">
+	<meta name="application-name" content="Rocket.Chat">
+	<meta name="msapplication-TileColor" content="#04436a">
+	<meta name="msapplication-TileImage" content="/images/logo/mstile-144x144.png?v=3">
+	<meta name="msapplication-config" content="/images/logo/browserconfig.xml?v=3">
+	<meta name="theme-color" content="#04436a">
 	<link rel="canonical" href="//rocket.chat/" />
-	<link rel="shortcut icon" id="rxfavico" href="/favicon.ico?v=2" sizes="16x16" type="image/x-icon" />
-	<link rel="icon" href="/images/logo/16x16.png" sizes="16x16" type="image/png">
-	<link rel="icon" href="/images/logo/57x57.png" sizes="57x57" type="image/png">
-	<link rel="icon" href="/images/logo/75x75.png" sizes="75x75" type="image/png">
-	<link rel="icon" href="/images/logo/128x128.png" sizes="128x128" type="image/png">
-	<link rel="icon" href="/images/logo/icon.ico" sizes="32x32 48x48" type="image/vnd.microsoft.icon">
-	<link rel="icon" href="/images/logo/icon.icns" sizes="128x128 512x512 8192x8192 32768x32768">
 	<link rel="icon" href="/images/logo/icon.svg" sizes="any" type="image/svg+xml">
-	<link rel="apple-touch-icon" href="/images/logo/57x57.png" sizes="57x57" />
-	<link rel="apple-touch-icon" href="/images/logo/72x72.png" sizes="72x72" />
-	<link rel="apple-touch-icon" href="/images/logo/114x114.png" sizes="114x114" />
-	<link rel="apple-touch-icon" href="/images/logo/144x144.png" sizes="144x144" />
-	<link rel="apple-touch-startup-image" href="/images/logo/apple-touch-startup-image-320x460.png" media="(device-width: 320px)" /><!-- iPhone SPLASHSCREEN-->
-	<link rel="apple-touch-startup-image" href="/images/logo/apple-touch-startup-image-640x920.png" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)" /><!-- iPhone (Retina) SPLASHSCREEN-->
-	<link rel="apple-touch-startup-image" href="/images/logo/apple-touch-startup-image-768x1004.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" /><!-- iPad (non-Retina) (Portrait) -->
-	<link rel="apple-touch-startup-image" href="/images/logo/apple-touch-startup-image-1024x748.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" /><!-- iPad (non-Retina) (Landscape) -->
-	<link rel="apple-touch-startup-image" href="/images/logo/apple-touch-startup-image-1536x2008.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2)" /><!-- iPad (Retina) (Portrait) -->
-	<link rel="apple-touch-startup-image" href="/images/logo/apple-touch-startup-image-2048x1496.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2)" /><!-- iPad (Retina) (Landscape) -->
+	<link rel="apple-touch-icon" sizes="57x57" href="/images/logo/apple-touch-icon-57x57.png?v=3">
+	<link rel="apple-touch-icon" sizes="60x60" href="/images/logo/apple-touch-icon-60x60.png?v=3">
+	<link rel="apple-touch-icon" sizes="72x72" href="/images/logo/apple-touch-icon-72x72.png?v=3">
+	<link rel="apple-touch-icon" sizes="76x76" href="/images/logo/apple-touch-icon-76x76.png?v=3">
+	<link rel="apple-touch-icon" sizes="114x114" href="/images/logo/apple-touch-icon-114x114.png?v=3">
+	<link rel="apple-touch-icon" sizes="120x120" href="/images/logo/apple-touch-icon-120x120.png?v=3">
+	<link rel="apple-touch-icon" sizes="144x144" href="/images/logo/apple-touch-icon-144x144.png?v=3">
+	<link rel="apple-touch-icon" sizes="152x152" href="/images/logo/apple-touch-icon-152x152.png?v=3">
+	<link rel="apple-touch-icon" sizes="180x180" href="/images/logo/apple-touch-icon-180x180.png?v=3">
+	<link rel="icon" type="image/png" href="/images/logo/android-chrome-192x192.png?v=3" sizes="192x192">
+	<link rel="icon" type="image/png" href="/images/logo/favicon-96x96.png?v=3" sizes="96x96">
+	<link rel="icon" type="image/png" href="/images/logo/favicon-32x32.png?v=3" sizes="32x32">
+	<link rel="icon" type="image/png" href="/images/logo/favicon-16x16.png?v=3" sizes="16x16">
+	<link rel="manifest" href="/images/logo/manifest.json?v=3">
+	<link rel="shortcut icon" href="/favicon.ico?v=3" id="rxfavico" type="image/x-icon" />
 </head>
+
 <body>
 	<!-- Google Tag Manager -->
-	<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-	'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-	})(window,document,'script','dataLayer','GTM-MLJ76N');</script>
+	<script>
+	(function(w, d, s, l, i) {
+		w[l] = w[l] || [];
+		w[l].push({
+			'gtm.start': new Date().getTime(),
+			event: 'gtm.js'
+		});
+		var f = d.getElementsByTagName(s)[0],
+			j = d.createElement(s),
+			dl = l != 'dataLayer' ? '&l=' + l : '';
+		j.async = true;
+		j.src =
+			'//www.googletagmanager.com/gtm.js?id=' + i + dl;
+		f.parentNode.insertBefore(j, f);
+	})(window, document, 'script', 'dataLayer', 'GTM-MLJ76N');
+	</script>
 	<!-- End Google Tag Manager -->
 </body>

public/images/logo/browserconfig.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square70x70logo src="/images/logo/mstile-70x70.png?v=3"/>
+      <square150x150logo src="/images/logo/mstile-150x150.png?v=3"/>
+      <square310x310logo src="/images/logo/mstile-310x310.png?v=3"/>
+      <wide310x150logo src="/images/logo/mstile-310x150.png?v=3"/>
+      <TileColor>#04436a</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>

public/images/logo/icon.svg

@@ -1,38 +1,32 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="195.07px" height="89px" viewBox="0 0 195.07 89" enable-background="new 0 0 195.07 89" xml:space="preserve">
+<svg version="1.1" id="Layer_5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
+<path fill="#C1272D" d="M502.586,255.322c0-25.236-7.55-49.436-22.445-71.932c-13.373-20.195-32.109-38.072-55.687-53.132
+	C378.937,101.182,319.108,85.168,256,85.168c-21.079,0-41.855,1.781-62.009,5.31c-12.504-11.702-27.139-22.232-42.627-30.56
+	C68.618,19.818,0,58.975,0,58.975s63.798,52.409,53.424,98.35c-28.542,28.313-44.01,62.453-44.01,97.998
+	c0,0.113,0.006,0.226,0.006,0.34c0,0.113-0.006,0.226-0.006,0.339c0,35.545,15.469,69.685,44.01,97.999
+	C63.798,399.94,0,452.35,0,452.35s68.618,39.156,151.363-0.943c15.488-8.327,30.124-18.857,42.627-30.56
+	c20.154,3.528,40.931,5.31,62.009,5.31c63.108,0,122.937-16.014,168.454-45.091c23.577-15.06,42.313-32.937,55.687-53.132
+	c14.896-22.496,22.445-46.695,22.445-71.932c0-0.113-0.006-0.226-0.006-0.339C502.58,255.548,502.586,255.436,502.586,255.322z"/>
+<path fill="#FFFFFF" d="M256,120.847c116.854,0,211.586,60.509,211.586,135.154c0,74.641-94.731,135.155-211.586,135.155
+	c-26.019,0-50.937-3.009-73.959-8.495c-23.396,28.147-74.868,67.28-124.869,54.629c16.265-17.47,40.361-46.988,35.201-95.603
+	c-29.968-23.322-47.959-53.163-47.959-85.686C44.414,181.356,139.145,120.847,256,120.847"/>
 <g>
-	<path fill="#BE1E2D" d="M0,83.471C9.91,86.99,21.29,89,33.4,89c13.38,0,25.87-2.439,36.45-6.67C81.33,85,94.21,86.5,107.82,86.5
-		c48.188,0,87.25-18.8,87.25-42s-39.062-42-87.25-42C94.21,2.5,81.33,4,69.85,6.67C59.271,2.44,46.78,0,33.4,0
-		C21.29,0,9.91,2.01,0,5.53c11.551,4.8,20.46,14.92,23.9,27.43c-2.17,3.67-3.33,7.54-3.33,11.54s1.16,7.87,3.33,11.54
-		C20.46,68.55,11.551,78.67,0,83.471z"/>
-	<path fill="#E6E7E8" d="M36.221,74.46c5.3,0.961,11.188,0.938,17.27-0.267c5.29-1.049,10.17-2.895,14.41-5.303
-		c2.79,0.784,5.72,1.48,8.77,2.088c9.42,1.867,19.98,2.929,31.15,2.929c39.54,0,71.58-13.191,71.58-29.466
-		c0-16.274-32.04-29.466-71.58-29.466c-11.17,0-21.73,1.061-31.15,2.928C58.5,21.527,44.601,28.222,38.971,36.343
-		c-1.78,2.574-2.73,5.292-2.73,8.099c0,2.806,0.95,5.524,2.73,8.098c1.56,2.243,3.76,4.387,6.51,6.387
-		C44.45,65.355,41.08,71.002,36.221,74.46z"/>
 	<g>
-		<g>
-			<defs>
-				<path id="SVGID_1_" d="M36.221,69.703c10.098,1.684,21.162,0.373,31.68-5.123c2.79,0.722,5.72,1.361,8.77,1.92
-					c9.42,1.719,19.98,2.695,31.15,2.695c39.54,0,71.58-12.137,71.58-27.11c0-14.972-32.04-27.109-71.58-27.109
-					c-11.17,0-21.73,0.976-31.15,2.693c-18.17,3.334-32.068,9.494-37.698,16.965c-1.78,2.369-2.73,4.87-2.73,7.451
-					C36.24,44.666,41.08,66.521,36.221,69.703z"/>
-			</defs>
-			<clipPath id="SVGID_2_">
-				<use xlink:href="#SVGID_1_"  overflow="visible"/>
-			</clipPath>
-			<path clip-path="url(#SVGID_2_)" fill="#FFFFFF" d="M36.221,74.46c5.3,0.961,11.188,0.938,17.27-0.267
-				c5.29-1.049,10.17-2.895,14.41-5.303c2.79,0.784,5.72,1.48,8.77,2.088c9.42,1.867,19.98,2.929,31.15,2.929
-				c39.54,0,71.58-13.191,71.58-29.466c0-16.274-32.04-29.466-71.58-29.466c-11.17,0-21.73,1.061-31.15,2.928
-				C58.5,21.527,44.601,28.222,38.971,36.343c-1.78,2.574-2.73,5.292-2.73,8.099c0,2.806,0.95,5.524,2.73,8.098
-				c1.56,2.243,3.76,4.387,6.51,6.387C44.45,65.355,41.08,71.002,36.221,74.46z"/>
-		</g>
+		<circle fill="#C1272D" cx="256" cy="260.352" r="28.105"/>
 	</g>
-	<circle fill="#BE1E2D" cx="135.904" cy="45.06" r="8.833"/>
-	<circle fill="#BE1E2D" cx="106.237" cy="45.06" r="8.833"/>
-	<circle fill="#BE1E2D" cx="76.57" cy="45.06" r="8.834"/>
+	<g>
+		<circle fill="#C1272D" cx="353.728" cy="260.352" r="28.104"/>
+	</g>
+	<g>
+		<circle fill="#C1272D" cx="158.272" cy="260.352" r="28.105"/>
+	</g>
+</g>
+<g>
+	<path fill="#CCCCCC" d="M256,373.373c-26.019,0-50.937-2.607-73.959-7.362c-20.659,21.54-63.209,50.496-107.307,49.43
+		c-5.806,8.805-12.121,16.006-17.562,21.85c50,12.651,101.473-26.481,124.869-54.629c23.023,5.486,47.941,8.495,73.959,8.495
+		c115.917,0,210.048-59.55,211.551-133.364C466.048,321.765,371.917,373.373,256,373.373z"/>
 </g>
 </svg>

public/images/logo/manifest.json

@@ -0,0 +1,43 @@
+{
+	"name": "Rocket.Chat",
+	"icons": [
+		{
+			"src": "\/images\/logo\/android-chrome-36x36.png?v=3",
+			"sizes": "36x36",
+			"type": "image\/png",
+			"density": "0.75"
+		},
+		{
+			"src": "\/images\/logo\/android-chrome-48x48.png?v=3",
+			"sizes": "48x48",
+			"type": "image\/png",
+			"density": "1.0"
+		},
+		{
+			"src": "\/images\/logo\/android-chrome-72x72.png?v=3",
+			"sizes": "72x72",
+			"type": "image\/png",
+			"density": "1.5"
+		},
+		{
+			"src": "\/images\/logo\/android-chrome-96x96.png?v=3",
+			"sizes": "96x96",
+			"type": "image\/png",
+			"density": "2.0"
+		},
+		{
+			"src": "\/images\/logo\/android-chrome-144x144.png?v=3",
+			"sizes": "144x144",
+			"type": "image\/png",
+			"density": "3.0"
+		},
+		{
+			"src": "\/images\/logo\/android-chrome-192x192.png?v=3",
+			"sizes": "192x192",
+			"type": "image\/png",
+			"density": "4.0"
+		}
+	],
+	"start_url": "https:\/\/rocket.chat\/home",
+	"display": "standalone"
+}