What's new page has some issues

[caugner]

Description

https://www.mozilla.org/en-US/firefox/135.0a2/whatsnew/ has some issues:

1. The "More MDN. Your MDN." heading is not readable, as the text is black on dark background.
2. The animated "Mandala" in the background is rather CPU-intensive, which is why animation rotation (and color) were removed in October 2023.
3. The "What's included" section features "Notifications", which was removed in February 2023, and "MDN Offline", which is no longer promoted on MDN's own Plus page. Better features to promote would be Playground and maybe Updates, but this decision would need to be taken by the MDN Product team (cc @s-sood).

Steps to reproduce

1. Go to https://www.mozilla.org/en-US/firefox/135.0a2/whatsnew/

Expected result

The page should be readable, avoid resource-intensive tasks, and promote relevant features.

Actual result

The page is partially not readable, utilizes the CPU unnecessary, and promotes removed/deprecated features.

Environment

Firefox 135.0a2 on macOS.

[alexgibson]

See also: #15801 (not closing as duplicate as this mentions the animation and whatsnew issues too).

[maureenlholland]

Screenshot of in-progress work

Based on suggestion in issue, I've made the following changes for the "What's included" section. Text taken from MDN Plus page as much as possible (though I shorted the Updates heading to keep it on two lines in most layouts)

Feature 1: Playground
Write,Test and Share your code.
Your playground to learn and share your amazing work with the world. By simply logging in, you can now spread your creativity far and wide.

Feature 2 is unchanged

Feature 3: Updates
Compatibility changes at a glance.
The Web doesn't have a changelog, but MDN can help. You can personalize and filter compatibility changes based on browsers or the tech category you are interested in whether that is JavaScript, CSS, etc.

@s-sood are you the best person to approve or suggest changes for the MDN features content? If not, let me know who to contact

[s-sood]

Hi @maureenlholland, Thanks for reaching out. We do not promote 'MDN plus' actively anymore. Instead, we would like to promote the MDN platform and highlight the following features:

1. Playground: Write,Test and Share your code.
   Your playground to learn and share your amazing work with the world.
2. MDN Blog: Unlock the world of web development with the MDN Blog - your go-to hub for expert insights, latest web standards, and coding tips.
3. Updates: Compatibility changes at a glance.
   The Web doesn't have a changelog, but MDN can help. You can personalize and filter compatibility changes based on browsers or the tech category you are interested in whether that is JavaScript, CSS, etc.

Let me know if you have more questions.

[maureenlholland]

Thanks for your response @s-sood !

Here's a preview of the supplied text:

Let me know if the above is approved or if you'd like to adjust the content to be more balanced across the features (suggested shortened content approach below)

Another possibility is to retire this MDN Plus-focused page and move back to our previous Developer Whatsnew Page: https://www.mozilla.org/en-US/firefox/100.0a2/whatsnew/

[slightlyoffbeat]

Here's what we will do:

• Go back to the previous design shared by @maureenlholland above
• Use the copy shared by @s-sood above

For the previous design:

• Remove developer newsletter
• remove 'speak up' and 'get involved' section
• remove 'firefox nightly' section'
• update three paragraphs with links and copy from above comment
  -- please note in the screenshot I provided that the "updates" copy was truncated slightly. I removed the "compatibility at a glance" to make everything fit and flow.

For the link, use these three links:
https://developer.mozilla.org/en-US/play
https://developer.mozilla.org/en-US/blog/
https://developer.mozilla.org/en-US/plus/updates