Implement the site header for the Hebrew site

[gissoo]

testing notes (qa)

On the QA site, visit the home page and switch to Hebrew mode, then check the header:

• Desktop light/dark
• Mobile light/dark
• On another page (not home page)

And confirm it looks and functions as expected.

---

Please refer to this comment on the design issue #631

the header files have been uploaded to github

[blms]

Possible side effect from the work on this issue: when you switch between light and dark on mobile, the menu items' text color does not update, so they appear invisible.

[richmanrachel]

@gissoo - this worked perfectly for me on Chrome on desktop!

[gissoo]

@richmanrachel thanks for testing!

@blms There are a couple of issues on mobile and safari desktop and mobile, they're not terrible but wanted to make sure they are documented here:

• on mobile chrome, safari, and FF the language toggles don't show up, not sure if it's part of this issue or is intentional
• on mobile, on Safari, the logo's side (its bottom left) seems a bit off

• on desktop on safari the bottom part below "project" is a bit off

• on mobile on safari the header image seems to suddenly disappear rather than a smooth transition – I don't know if it's also an issue on the dark mode, but it's definitely an issue on light mode.

[blms]

on mobile chrome, safari, and FF the language toggles don't show up, not sure if it's part of this issue or is intentional

That is intentional until we have a design for it, as it breaks layout on mobile!

[gissoo]

@blms, thank you! These look much better now! The only one that is very noticeably wrong is this one, desktop Firefox, if you can't replicate it then ignore me.

[blms]

@gissoo, I can't replicate, here's what it looks like for me on FF. Maybe a cached version on your end?

Should we go ahead and close this?