diff --git a/class.jetpack-connection-banner.php b/class.jetpack-connection-banner.php index c13d7ebc6e462..e74742775ba7a 100644 --- a/class.jetpack-connection-banner.php +++ b/class.jetpack-connection-banner.php @@ -216,7 +216,7 @@ class="notice-dismiss connection-banner-dismiss"
- + @@ -229,7 +229,7 @@ class="notice-dismiss connection-banner-dismiss"
<?php
 									esc_attr_e(
-										'Jetpack is a free plugin that utilizes powerful WordPress.com servers to enhance your site and simplify managing it',
+										'Jetpack is a free plugin that utilizes powerful WordPress.com servers to enhance your site and simplify managing it.',
 									'jetpack'
 								); ?>
@@ -291,7 +291,7 @@ class="dops-button next-feature"
<?php
 								esc_attr_e(
-									'Get clear and concise stats and analytics about your visitors',
+									'Get clear and concise stats and analytics about your visitors.',
 								 'jetpack'
 								); ?>
@@ -343,7 +343,7 @@ class="dops-button next-feature"
<?php
 									esc_attr_e(
-										'Your site is automatically protected from brute force attacks, plus you can use single sign-on for extra security',
+										'Your site is automatically protected from brute force attacks, plus you can use single sign-on for extra security.',
 									'jetpack'
 								); ?>
@@ -399,7 +399,7 @@ class="dops-button is-primary">
<?php
 									esc_attr_e(
-										'Choosing a design for your site is essential. It defines your brand, your layout, and your visitors’ reading experience',
+										'Choosing a design for your site is essential. It defines your brand, your layout, and your visitors’ reading experience.',
 									'jetpack'
 								); ?>
@@ -452,12 +452,12 @@ class="dops-button is-primary">

- <?php
+							<img src=" alt="" height="auto" width="225" /> + ?>" height="auto" width="275" />

@@ -489,7 +489,7 @@ class="dops-button is-primary">

<?php
 									esc_attr_e(
-										'Our mobile and desktop apps are free and available to you on Apple or Android devices once Jetpack is connected to WordPress.com',
+										'Our mobile and desktop apps are free and available to you on Apple or Android devices once Jetpack is connected to WordPress.com.',
 									'jetpack'
 								); ?>
@@ -525,35 +525,56 @@ class="dops-button is-primary">

- +
-

+

- <?php
+							<img src=" alt="" height="auto" width="225" />

+

- - - - + +

diff --git a/images/jetpack-powering-up.svg b/images/jetpack-powering-up.svg new file mode 100644 index 0000000000000..040c611e7e1cb --- /dev/null +++ b/images/jetpack-powering-up.svg @@ -0,0 +1,229 @@ + + + + + +jetPack-poweringUp + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/jetpack-speed.svg b/images/jetpack-speed.svg new file mode 100644 index 0000000000000..9e479b46c4466 --- /dev/null +++ b/images/jetpack-speed.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/scss/organisms/_banners.scss b/scss/organisms/_banners.scss index 3b6d39e81196b..c5f163c45642e 100644 --- a/scss/organisms/_banners.scss +++ b/scss/organisms/_banners.scss @@ -207,7 +207,7 @@ } -// Plugin List Connection Banners +// Plugin List + wp-admin dashboard Connection Banners (displayed after plugin activation) // Written in the style of React to stay consistent with the Jetpack interior // wp-admin overrides @@ -270,6 +270,8 @@ line-height: 1.6; } + + .jp-wpcom-connect__content-icon { float: right; margin: 0 rem( 24px ) 0 rem( 36px ); @@ -293,6 +295,16 @@ } } +.jp-wpcom-connect__slide ul { + list-style: disc; + padding: 0 0 0 rem( 15px ); +} + +.jp-wpcom-connect__slide ul li { + color: darken( $gray, 20% ); + font-size: rem( 12px ); +} + .jp-wpcom-connect__content-container .jp-banner__button-container { @include minbreakpoint(tablet) { position: absolute;