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

Refresh: Update copy & add images #15143

Closed
wants to merge 1 commit into from
Closed

Refresh: Update copy & add images #15143

wants to merge 1 commit into from

Conversation

stephaniehobson
Copy link
Contributor

@stephaniehobson stephaniehobson commented Sep 13, 2024

One-line summary

Update copy & add images

Significant changes and points to review

The copy and images are probably all out of date since I did this on Friday. Let's merge anyway because it's not going to L10n and if I did a new export they'd probably all change again anyway. Having content (even if it is stale) will make QA easier.

Issue / Bugzilla link

#14892
#14893

Testing

  • high and low res
  • resize for mobile
  • no alt text because I don't think the image conveys any additional information than the text does and also, we don't get provided any

@stephaniehobson stephaniehobson added Refresh 🦖 Work related to the 2024 site refresh Frontend HTML, CSS, JS... client side stuff labels Sep 13, 2024
@stephaniehobson stephaniehobson marked this pull request as ready for review September 17, 2024 04:36
@stephaniehobson stephaniehobson added Needs Review Awaiting code review Review: XS Code review time: up to 30min labels Sep 17, 2024
make logos bigger
Copy link
Contributor

@reemhamz reemhamz left a comment

Choose a reason for hiding this comment

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

It's looking great now that everything is coming together!
I left some comments to fix up some issues, ping me when it's ready for a re-review :)

</div>
<p class="m24-consider-cta-info">Interested in advocacy? Love coding? Join our best-in-class talent and let’s transform the web, for everyone.</p>
<p class="m24-consider-cta-info">Join our team and push the boundaries of what's possible — without compromising on what matters.</p>
Copy link
Contributor

Choose a reason for hiding this comment

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

Nit

Suggested change
<p class="m24-consider-cta-info">Join our team and push the boundaries of what's possible — without compromising on what matters.</p>
<p class="m24-consider-cta-info">Join our team and push the boundaries of whats possible — without compromising on what matters.</p>

Comment on lines +9 to +14
<h1 class="m24-c-copy-title m24-t-2xl">Reclaim the internet with us</h1>
<p>Mozilla is an activist organization working to put control of the internet back in the hands of the people using it.</p>
<p><strong>We advocate</strong> for better products, holding governments and tech corporations accountable for what they create. We monitor developments, conduct research, and campaign to improve products and drive policies that will represent your interests.</p>
<p><strong>We build</strong> products that put you in control. Like Firefox, Fakespot and more.</p>
<p><strong>We fund</strong> and invest in the people and efforts taking technology, the internet, and AI in the right direction.</p>
<p>Together, we can keep the internet easy, safe and free, for everyone.</p>
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggestion: I feel as if, by way of design, this section should be list items wrapped within an ul element?
Screenshot 2024-09-18 at 2 43 55 PM

Also, the body text here (and in similar sections) looks pretty bold in comparison to the Figma design? Because of that, the bolded words in the beginning of each point (that are wrapped in <strong> don't stand out very much?
Screenshot 2024-09-18 at 2 45 43 PM

Comment on lines +20 to +23
"img/mozorg/about/2024/about-hero.png": "1424w",
"img/mozorg/about/2024/about-hero-high-res.png": "2848w",
"img/mozorg/about/2024/about-hero-2-1.png": "375w",
"img/mozorg/about/2024/about-hero-2-1-high-res.png": "750w",
Copy link
Contributor

Choose a reason for hiding this comment

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

The design is showing a different image?

Screenshot 2024-09-18 at 2 50 15 PM

"height": "299",
}
),
desc='Next steps for Mozilla and Trustworthy AI',
Copy link
Contributor

Choose a reason for hiding this comment

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

Nit: I think this should be a title

"height": "448",
}
),
desc='At the Rise25 Awards, the future of AI is ethical, inclusive and accountable',
Copy link
Contributor

Choose a reason for hiding this comment

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

Nit: Same here, should be a title

cta_text='Visit',
) }}

{{ grid_tile(
class='m24-l-grid-third',
image=resp_img(
url="img/m24/todo-1-1.svg",
url="img/m24/common-voice.png",
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
url="img/m24/common-voice.png",
url="img/home/2024/cards/common-voice.png",

image=resp_img(
url="img/m24/todo-5-4.svg",
url="img/m24/builders.png",
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
url="img/m24/builders.png",
url="img/home/2024/cards/builders.png",

image=resp_img(
url="img/m24/todo-5-7.svg",
url="img/m24/ventures.png",
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
url="img/m24/ventures.png",
url="img/home/2024/cards/ventures.png",

Copy link
Contributor

Choose a reason for hiding this comment

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

Test out this section to check if the CTAs work in this section after the fix I commented above

</div>
<p class="m24-c-showcase-info">Sed eu mattis</p>
<p class="m24-c-showcase-cta"><a href="https://rise25.mozilla.org/" class="m24-c-cta" data-cta-text="">Learn more</a></p>
<!-- <p class="m24-c-showcase-info">Sed eu mattis</p> -->
Copy link
Contributor

Choose a reason for hiding this comment

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

Question: Is this good to delete?

@reemhamz reemhamz removed the Needs Review Awaiting code review label Sep 18, 2024
@stephaniehobson stephaniehobson deleted the m24-images branch October 7, 2024 18:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Frontend HTML, CSS, JS... client side stuff Refresh 🦖 Work related to the 2024 site refresh Review: XS Code review time: up to 30min
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants