Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Homepage and global nav updates #14552

Merged
merged 6 commits into from May 24, 2024
Merged

Homepage and global nav updates #14552

merged 6 commits into from May 24, 2024

Conversation

reemhamz
Copy link
Contributor

@reemhamz reemhamz commented May 6, 2024

One-line summary

Some updates came in for the homepage including some extra product info.

Significant changes and points to review

  • Added Fakespot to products section
  • Moved the mid-page banner up a few sections
  • Added MoFo donation banner
  • Added new donate_url helper (made in this PR) and added the featured-section param
  • Added Fakespot to Products nav tab
  • Updated Relay and Monitor product descriptions
  • Updated copy on "Is Mozilla a corporation or a non-profit? Actually, both." section

Issue / Bugzilla link

Fixes #14543

Testing

@reemhamz reemhamz marked this pull request as draft May 6, 2024 13:18
@reemhamz reemhamz force-pushed the homepage-updates branch 3 times, most recently from 46196d6 to e42ac02 Compare May 14, 2024 11:18
@reemhamz reemhamz marked this pull request as ready for review May 23, 2024 04:02
@reemhamz reemhamz added Needs Review Awaiting code review Review: S Code review time: 30 mins to 1 hour labels May 23, 2024
Copy link

codecov bot commented May 23, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 76.78%. Comparing base (9ae3695) to head (e6cca21).
Report is 11 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff             @@
##             main   #14552      +/-   ##
==========================================
+ Coverage   76.44%   76.78%   +0.33%     
==========================================
  Files         148      152       +4     
  Lines        7987     8124     +137     
==========================================
+ Hits         6106     6238     +132     
- Misses       1881     1886       +5     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Copy link
Member

@alexgibson alexgibson left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A few nits and suggestions but otherwise this set of updates looks good to me. Nice to see Fakespot listed here! 💯

Comment on lines -33 to -34
{% if switch('monitor-plus-banner') and LANG == 'en-US' %}
{{ css_bundle('monitor-banner')}}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Question: are we keeping this old banner around in case we end up using it, or is it safe to remove? (same for the other bits related to it below).

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Issue: at the bottom of the page I can still see the un-styled monitor banner, as the HTML include is still in the page:

image

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Checked with Emma, and she suggested we keep the banner code in Bedrock in case the Monitor team asks for it to be used once things are sorted out with the new provider

<section class="c-mission">

<!-- Trustworthy AI -->
{% call split(
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Question: seeing as the Trustworthy AI and "What is Mozilla?" sections are new content, should we only show these splits if the page has them translated? Could we maybe fall back just to this for languages that don't yet have the new content translated?

image

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great idea! I added the ftl_has_messages helper for the Trustworthy AI section, however I've already set the fallbacks for the "What is Mozilla?" section to be the former strings you screenshotted above strings

media/css/mozorg/home/home-new.scss Outdated Show resolved Hide resolved
media/img/logos/mozilla/mozilla-ai.svg Outdated Show resolved Hide resolved
media/img/logos/mozilla/mozilla-vc.svg Outdated Show resolved Hide resolved
@alexgibson alexgibson removed the Needs Review Awaiting code review label May 23, 2024
@alexgibson
Copy link
Member

Oh looks like a functional test might also need updating? https://github.com/mozilla/bedrock/blob/main/tests/functional/test_home.py

@reemhamz reemhamz requested a review from alexgibson May 24, 2024 03:59
Copy link
Member

@alexgibson alexgibson left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Updates LGTM, r+ nice work!

@alexgibson
Copy link
Member

Looks like Dan approved things in the issue too, so I'm gonna merge this: #14543 (comment)

@alexgibson alexgibson merged commit 5f44a96 into main May 24, 2024
7 checks passed
@alexgibson alexgibson deleted the homepage-updates branch May 24, 2024 08:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Review: S Code review time: 30 mins to 1 hour
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Home page updates for june
2 participants