[FxA] Implement common marketing view (also in header)

[johngruen]

Looking at the new spec, there's a common component used as an advertising banner across all pages. In some cases it has a little 🥕 pointing to the sign in button.

Refer to Shot View, My Shots and Home Page specs

It should accept arbitrary text and inline elements as children.

[youwenliang]

I tried a different color for the banner here (because the blue background and white text is not that readable and reminds me of Windows blue screen...)

https://mozilla.github.io/testpilot-assets/Firefox_Screenshots/FxA_Banner

[johngruen]

@punamdahiya I think this spec works... seems simple enough to just wrap the text?

[punamdahiya]

Looks good, assigning it to myself

[punamdahiya]

Few clarifications as per initial specs

• Advertising banner will be always visible for owners on shot page, myshots and homepage in non authenticated state, with strings as ‘Sign in or sign up to sync shots across devices, save your favorite shots forever.’ ( Final string TBD)
• Advertising banner will be always visible on for non-owners on shot page with string as ‘Screenshots made simple. Take, save, and share screenshots without leaving Firefox.   Get Firefox now.’ ( Final string TBD)

Display of banner should be configurable via variable enableUpsellBanner

[punamdahiya]

https://mozilla.github.io/testpilot-assets/Firefox_Screenshots/FxA_Banner
@youwenliang Can you please provide firefox icon svg file used in banner. Thanks!

[punamdahiya]

@johngruen In initial specs Advertising banner with string as ‘Screenshots made simple. Take, save, and share screenshots without leaving Firefox. Get Firefox now.’ is only shown for non-owners and non-firefox users. This will replace existing message we show on shot page to non-firefox users. Is that correct?

[punamdahiya]

@youwenliang PR uses https://github.com/mozilla-services/screenshots/blob/master/static/img/landing-small-firefox-logo%402x.png as logo in banner which is 114 x 118, it will be good to get exact size asset. Thanks

[youwenliang]

@punamdahiya
I upload the svg firefox icon I used here: (24 x 24)
https://github.com/mozilla/testpilot-assets/blob/master/Firefox_Screenshots/FxA_Banner/assets/firefox_svg.svg