From 673e5a85cb17c99ada3782546ec9a296388b1818 Mon Sep 17 00:00:00 2001
From: Amir Omidi <amomidi@microsoft.com>
Date: Thu, 5 Mar 2020 14:38:57 -0800
Subject: [PATCH] Update the page based on feedback from PM/UX (#9452)

* Update the page based on feedback from PM/UX
---
 extensions/azurecore/media/SignIn.svg   | 31 +++++++++++++++++++++++++
 extensions/azurecore/media/landing.css  | 26 +++++++++++++++++----
 extensions/azurecore/media/landing.html | 12 +++++++---
 3 files changed, 61 insertions(+), 8 deletions(-)
 create mode 100644 extensions/azurecore/media/SignIn.svg

diff --git a/extensions/azurecore/media/SignIn.svg b/extensions/azurecore/media/SignIn.svg
new file mode 100644
index 0000000000..613969ff94
--- /dev/null
+++ b/extensions/azurecore/media/SignIn.svg
@@ -0,0 +1,31 @@
+<svg width="170" height="145" viewBox="0 0 170 145" xmlns="http://www.w3.org/2000/svg">
+<path d="M144.495 82.6972L144.325 139.517C144.325 143.907 141.215 145.667 137.395 143.467L43.5446 89.2772C41.5389 87.9706 39.8696 86.2093 38.6725 84.1364C37.4753 82.0635 36.784 79.7375 36.6546 77.3472L36.8146 20.5272L144.495 82.6972Z" fill="#F2F2F2"/>
+<path d="M87.465 63.7357C87.5216 63.7679 87.5764 63.8 87.6331 63.834C89.1724 64.7217 90.655 65.8058 92.0791 67.0863C93.5051 68.3669 94.8367 69.7816 96.0719 71.336C97.3052 72.8866 98.4366 74.5449 99.4659 76.3071C100.492 78.0674 101.362 79.8655 102.072 81.6994C102.781 83.5334 103.34 85.3975 103.748 87.2938C104.156 89.1901 104.35 91.0089 104.328 92.7484C104.322 94.5144 104.12 96.1047 103.719 97.5175C103.319 98.9283 102.752 100.135 102.018 101.134C101.285 102.135 100.407 102.932 99.3904 103.533C98.3724 104.132 97.2429 104.483 96.0039 104.589C94.7649 104.695 93.422 104.568 91.9771 104.209C90.587 103.864 89.1592 103.267 87.6935 102.422C87.6369 102.39 87.5821 102.358 87.5254 102.324C85.988 101.437 84.5053 100.352 83.0794 99.0719C81.6534 97.7932 80.3237 96.3767 79.0885 94.8242C77.8533 93.2716 76.7238 91.6152 75.6944 89.853C74.6651 88.0908 73.7982 86.2947 73.088 84.4607C72.3778 82.6249 71.8188 80.7607 71.4108 78.8625C71.0029 76.9663 70.8102 75.1474 70.831 73.4079C70.8367 71.6401 71.0406 70.0498 71.4392 68.6389C71.8415 67.228 72.4081 66.0211 73.1409 65.022C73.8737 64.0209 74.7501 63.2201 75.7681 62.6233C76.7861 62.0246 77.9156 61.6714 79.1546 61.5656C80.3936 61.4598 81.7365 61.5864 83.1814 61.9452C84.5733 62.2947 86.0012 62.8915 87.465 63.7357Z" fill="#50E6FF"/>
+<path d="M96.1136 79.2601C96.5245 79.4977 96.9076 79.8016 97.2586 80.174C97.6118 80.5464 97.9243 80.9702 98.1982 81.4453C98.4722 81.9183 98.6755 82.3913 98.8125 82.8643C98.9473 83.3395 99.0265 83.8296 99.0436 84.3368C99.0415 84.7863 98.9666 85.178 98.8189 85.5097C98.6712 85.8414 98.4593 86.0876 98.1854 86.2438L86.4717 92.9364C86.1978 93.0927 85.8767 93.1504 85.515 93.1098C85.1533 93.0713 84.7745 92.9428 84.3828 92.7267C83.9911 92.4998 83.6123 92.198 83.2506 91.8192C82.8889 91.4404 82.5721 91.0102 82.2982 90.5243L76.9925 81.334C76.7185 80.861 76.5088 80.3731 76.3632 79.8722C76.2177 79.3714 76.1406 78.892 76.1321 78.4361C76.1342 77.961 76.2134 77.5693 76.3718 77.2526C76.5302 76.9379 76.7421 76.7004 77.0074 76.5377C77.2728 76.375 77.581 76.3151 77.9342 76.3622C78.2895 76.4071 78.6747 76.542 79.0963 76.7624C79.488 76.9893 79.8668 77.2911 80.2285 77.6699C80.5903 78.0487 80.9092 78.4746 81.181 78.9476L84.4063 84.5316L94.0226 79.0333C94.2987 78.877 94.6176 78.8192 94.9793 78.8578C95.3431 78.8984 95.7198 79.0333 96.1136 79.2601Z" fill="#FDFDFD"/>
+<path d="M142.315 143.947L146.595 141.457C147.835 140.737 148.595 139.207 148.595 137.027L144.315 139.517C144.325 141.697 143.545 143.207 142.315 143.947Z" fill="#DCDCDC"/>
+<path d="M144.495 82.6972L144.325 139.507L148.605 137.027L148.775 80.2072L144.495 82.6972Z" fill="#DCDCDC"/>
+<path d="M144.495 69.5572L148.775 67.0672L148.725 80.5972L144.455 83.0772L144.495 69.5572Z" fill="#D2D2D2"/>
+<path d="M137.605 57.6272C139.611 58.9333 141.281 60.6944 142.478 62.7674C143.675 64.8404 144.366 67.1668 144.495 69.5572V83.0772L36.7746 20.9172V7.39723C36.7746 3.00723 39.8946 1.23723 43.7046 3.39723L137.605 57.6272Z" fill="#E2E2E2"/>
+<path d="M43.1246 0.467229L38.8446 2.95723C40.1046 2.22723 41.8446 2.32723 43.7646 3.43723L48.0446 0.947229C46.1246 -0.162771 44.3746 -0.262771 43.1246 0.467229Z" fill="#D2D2D2"/>
+<path d="M141.885 55.1372L48.0346 0.95723L43.7546 3.43723L137.605 57.6272C139.611 58.9333 141.28 60.6944 142.478 62.7674C143.675 64.8404 144.366 67.1668 144.495 69.5572L148.775 67.0672C148.646 64.6768 147.955 62.3504 146.758 60.2774C145.56 58.2044 143.891 56.4433 141.885 55.1372V55.1372Z" fill="#D2D2D2"/>
+<path d="M53.7446 123.757C52.9957 117.287 49.9037 111.314 45.0524 106.967C40.2011 102.62 33.9262 100.2 27.4125 100.163C20.8987 100.126 14.5967 102.475 9.69649 106.767C4.79624 111.058 1.63677 116.995 0.814578 123.457C0.597712 124.394 0.530216 125.359 0.614581 126.317C0.954581 130.017 3.61458 133.667 8.45458 136.487C18.9146 142.487 35.7846 142.487 46.1946 136.487C51.0246 133.667 53.5946 130.017 53.8946 126.367C53.9645 125.494 53.914 124.616 53.7446 123.757Z" fill="url(#paint0_radial)"/>
+<path d="M27.2546 97.3472C30.4076 97.3472 33.4899 96.4121 36.1114 94.6602C38.7329 92.9082 40.776 90.4181 41.9822 87.5049C43.1883 84.5917 43.5034 81.3861 42.8876 78.2938C42.2717 75.2015 40.7526 72.3613 38.5223 70.1324C36.2921 67.9036 33.4509 66.3862 30.3582 65.7723C27.2655 65.1584 24.0601 65.4755 21.1477 66.6835C18.2352 67.8915 15.7464 69.9361 13.9961 72.5587C12.2458 75.1814 11.3126 78.2642 11.3146 81.4172C11.3146 83.51 11.7269 85.5823 12.5281 87.5157C13.3293 89.4491 14.5036 91.2056 15.9839 92.685C17.4642 94.1643 19.2215 95.3375 21.1554 96.1375C23.0892 96.9375 25.1618 97.3485 27.2546 97.3472V97.3472Z" fill="url(#paint1_radial)"/>
+<path d="M165.911 60.1545L165.763 92.4967V103.332L128.073 81.661L128.221 38.4831L137.532 43.8227L165.911 60.1545Z" fill="url(#paint2_linear)"/>
+<path d="M128.221 38.4832L137.532 43.8227L165.763 60.1545L169.116 58.317L140.738 41.8369L131.426 36.4973L128.221 38.4832Z" fill="#0078D4"/>
+<path d="M165.763 103.332L168.96 101.346L169.116 58.3169L165.763 60.1545V103.332Z" fill="#5EA0EF"/>
+<path d="M145.323 72.7556V83.3731L148.663 85.0512V74.4337L157.828 79.8027V76.1642L148.663 70.6716V60.0262L145.323 58.348V68.9687L136.156 63.4992L136.156 67.319L145.323 72.7556Z" fill="#ffffff"/>
+<defs>
+<radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16.7476 84.5481) scale(75.2721)">
+<stop stop-color="#4DC2EB"/>
+<stop offset="0.58" stop-color="#0078D4"/>
+</radialGradient>
+<radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(30.9546 59.4672) scale(37.3)">
+<stop stop-color="#4DC2EB"/>
+<stop offset="1" stop-color="#0078D4"/>
+</radialGradient>
+<linearGradient id="paint2_linear" x1="148.335" y1="38.9281" x2="145.294" y2="111.482" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5EA0EF"/>
+<stop offset="1" stop-color="#0078D4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/extensions/azurecore/media/landing.css b/extensions/azurecore/media/landing.css
index 3a41ed13dd..cd063117bb 100644
--- a/extensions/azurecore/media/landing.css
+++ b/extensions/azurecore/media/landing.css
@@ -14,9 +14,9 @@ body {
 	padding: 15px 30px;
 	display: flex;
 	flex-direction: column;
-	color: white;
+	color: #007acc;
 	font-family: "Segoe UI","Helvetica Neue","Helvetica",Arial,sans-serif;
-	background-color: #007acc;
+	background-color: white;
 }
 
 .branding {
@@ -28,21 +28,37 @@ body {
 	font-size: 20px;
 	letter-spacing: -0.04rem;
 	font-weight: 400;
-	color: white;
+	color: #007acc;
 	text-decoration: none;
 }
 
 .message-container {
 	flex-grow: 1;
 	display: flex;
+	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	margin: 0 30px;
 }
 
-.message {
+.text {
+	text-align: center;
+}
+
+.message-image img {
+	max-width: 300px;
+	width: 100%
+}
+
+.message-large {
+	font-weight: 500;
+	font-size: 1.5rem;
+}
+
+.message-small {
 	font-weight: 300;
-	font-size: 1.3rem;
+	font-size: 1.1rem;
+	color: gray;
 }
 
 body.error .message {
diff --git a/extensions/azurecore/media/landing.html b/extensions/azurecore/media/landing.html
index c5f8d4bd6d..51c4991511 100644
--- a/extensions/azurecore/media/landing.html
+++ b/extensions/azurecore/media/landing.html
@@ -13,10 +13,16 @@
 		Azure Data Studio
 	</a>
 	<div class="message-container">
-		<div class="message">
-			You are signed in now and can close this page.
+		<div class="message-image">
+			<img src="./SignIn.svg">
 		</div>
-		<div class="error-message">
+		<div class="text message-large">
+			Your account was added successfully!
+		</div>
+		<div class="text message-small">
+			You may now close this page.
+		</div>
+		<div class="text error-message">
 			An error occurred while signing in:
 			<div class="error-text"></div>
 		</div>