From f89d00617f6b0dc6a89d442e718633f25a3e126c Mon Sep 17 00:00:00 2001 From: Ben Date: Fri, 1 May 2020 09:54:31 -0400 Subject: [PATCH 1/2] Update account creation panel with premium benefits --- _locales/en/messages.json | 3 + app/fonts/open-sans-latin-bold-700.woff2 | Bin 0 -> 15056 bytes app/images/panel/ghosty_signin.png | Bin 5449 -> 0 bytes app/images/panel/premium-sparkles-icon.svg | 1 + app/panel/components/AccountSuccess.jsx | 21 ++++--- app/scss/partials/_account.scss | 63 ++++++++++++++++----- app/scss/partials/_fonts.scss | 8 +++ 7 files changed, 75 insertions(+), 21 deletions(-) create mode 100644 app/fonts/open-sans-latin-bold-700.woff2 delete mode 100644 app/images/panel/ghosty_signin.png create mode 100644 app/images/panel/premium-sparkles-icon.svg diff --git a/_locales/en/messages.json b/_locales/en/messages.json index 6b30646c9..7a9e1ba69 100644 --- a/_locales/en/messages.json +++ b/_locales/en/messages.json @@ -650,6 +650,9 @@ "panel_signin_success": { "message": "You are now signed in as " }, + "panel_signin_premium_benefits": { + "message": "Your account unlocks a free trial of our Premium benefits, including VPN service and device-wide privacy protection, available via our Ghostery Midnight app." + }, "panel_view_trackers": { "message": "View Trackers" }, diff --git a/app/fonts/open-sans-latin-bold-700.woff2 b/app/fonts/open-sans-latin-bold-700.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..3a38286c672d781462fb22dc0b27393c8972ad13 GIT binary patch literal 15056 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

DrmI)kIo{*_s#lK(ecpK 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 diff --git a/app/images/panel/premium-sparkles-icon.svg b/app/images/panel/premium-sparkles-icon.svg new file mode 100644 index 000000000..0ed61864e --- /dev/null +++ b/app/images/panel/premium-sparkles-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/panel/components/AccountSuccess.jsx b/app/panel/components/AccountSuccess.jsx index 66061f210..d65277d3c 100644 --- a/app/panel/components/AccountSuccess.jsx +++ b/app/panel/components/AccountSuccess.jsx @@ -12,7 +12,8 @@ */ import React from 'react'; -import { Link } from 'react-router-dom'; +import { NavLink } from 'react-router-dom'; + /** * @class Implement Account Success component which opens * in place of Sign In view on successful signing. @@ -21,14 +22,18 @@ import { Link } from 'react-router-dom'; const AccountSuccess = (props) => ( // eslint-disable-line arrow-parens

-
-

{ t('panel_signin_success_title') }

-
-

{ t('panel_signin_success') }

+
+

{ t('panel_signin_success_title') }

+

{ t('panel_signin_success') }

{ props.email }

- - { t('panel_view_trackers') } - +
+

{ t('panel_signin_premium_benefits') }

+ + {t('learn_more')} + + + {t('subscribe_pitch_no_thanks')} +
diff --git a/app/scss/partials/_account.scss b/app/scss/partials/_account.scss index 78a3d4f1b..3cbe2d5c8 100644 --- a/app/scss/partials/_account.scss +++ b/app/scss/partials/_account.scss @@ -170,22 +170,59 @@ p.warning { /* SIGNIN SUCCESS PANEL */ #signin-success-panel { - margin-top: 75px; - h3 { - color: #394045; - font-size: 18px; - font-weight: 400; - } - .big-ghosty { - background: url('../../app/images/panel/ghosty_signin.png') no-repeat center center; - background-size: auto 73px; - height: 115px; + margin-top: 39px; + .signin-success-title { + margin-bottom: 15px; + color: $tundora; + font-size: 21px; + } + .signin-success-email { + margin-bottom: 17px; + color: $ghosty-blue; + font-size: 16px; + } + .premium-sparkles-icon { + margin-bottom: 16px; + background: url('../../app/images/panel/premium-sparkles-icon.svg') no-repeat center center; + height: 29px; + } + .signin-premium-benefits { + margin: 0 auto 24px auto; + width: 442px; + color: $tundora; + font-size: 16px; + font-weight: bold; + line-height: 1.75; } p { + margin-bottom: 4px; color: #9B9B9B; - font-size: 13px; + font-size: 16px; font-weight: 300; - line-height: 21px; } - #view-trackers-button {margin-top: 30px;} + .learn-more-button { + margin: 0 auto 24px auto; + width: 184px; + height: 50px; + border-radius: 4px; + background-image: linear-gradient(104deg, #720174, #00aef0 99%); + + cursor: pointer; + display: flex; + justify-content: center; + align-items: center; + + font-size: 16px; + letter-spacing: 0.5px; + color: #ffffff; + + &:hover { + background-image: linear-gradient(101deg, #A80AAB 19%, #41BCEA 100%); + } + } + .no-thanks-maybe-later { + color: $tundora; + font-size: 16px; + text-decoration: underline; + } } diff --git a/app/scss/partials/_fonts.scss b/app/scss/partials/_fonts.scss index c048be1ee..f44db6509 100644 --- a/app/scss/partials/_fonts.scss +++ b/app/scss/partials/_fonts.scss @@ -182,6 +182,14 @@ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/opensans-semibold-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } +/* latin */ +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/open-sans-latin-bold-700.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; +} /* roboto-300 - latin */ @font-face { font-family: 'Roboto'; From 05cdcab8e912e845d1d342347c813d16e96466a3 Mon Sep 17 00:00:00 2001 From: Ben Date: Mon, 15 Jun 2020 15:01:02 -0400 Subject: [PATCH 2/2] Fix manifest.json --- manifest.json | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) diff --git a/manifest.json b/manifest.json index c3e8075bd..20a595fd8 100644 --- a/manifest.json +++ b/manifest.json @@ -3,12 +3,10 @@ "author": "Ghostery", "name": "__MSG_name__", "short_name": "Ghostery", - "version": "8.5.0", - "version_name": "8.5.0", + "version": "8.5.2", + "version_name": "8.5.2", "default_locale": "en", "description": "__MSG_short_description__", - "debug": true, - "log": true, "icons": { "16": "app/images/icon16.png", "48": "app/images/icon48.png", @@ -55,6 +53,17 @@ ], "run_at": "document_start" }, + { + "all_frames": false, + "js": [ + "dist/checkout_pages.js" + ], + "matches": [ + "https://checkout.ghostery.com/*", + "https://checkout.ghosterystage.com/*" + ], + "run_at": "document_start" + }, { "all_frames": true, "js": [