Add browser upgrade nag to websites

[juliandoucette]

Background

• We do not test websites in browsers that we do not support
  • (We barely test websites at-all)

What to change

Add a simple browser upgrade nag to the top of all websites.

Text:
You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.

CSS: (Black text on top of strong/dark yellow background with small spacing. Nuance: Users with older browsers often have lower color and resolution. I think that this notice should be attention grabbing but not obtrusive.)

.browserupgrade
{
    margin: 0;
    padding: 0.2em 0.5em;
    color: #000;
    background: #F0A405;
}

We could show this for IE < Edge only at first and then decide if we want to use client-side browser detection to include older versions of other browsers later.

[juliandoucette]

@jlow would you mind giving me a "yay"/"nay" on / regarding this?

If "yay" then could you send this to be translated?

[jeen]

LGTM - happy to have this across all outdated browsers.

Will add Tamara to this ticket and notify her.

[jeen]

@Tam When you have some breathing space- we would like to have the above text translated into the 21 core languages.

[juliandoucette]

• This is no longer valid after website browser support discussions
• I will leave it to product to specify this banner/alert if deemed necessary
  • I no longer think that this is necessary