Almanac.httparchive.org: i18n - Reimplement Almanac logo using text and CSS instead of SVG

[borisschapira]

The PNG Logo contains English wording. It looks like it's created from the SVG logo unfortunately, the SVG logo has been optimized for Performance and all original text has been replaced by paths.

Is there a way to get an editable version to localize the "By" wording (in French, "par").

[bazzadp]

CC @catalinred

[catalinred]

Either you optimize an SVG logo for performance or not, you only want paths/shapes in a final logo SVG outcome. Because if you don't do that, and you rely on a font, you can expect different logos rendering in different OS's due to missing fonts or FOUT(Flash of Unstyled Text) maybe.

I understand your concern when it comes to i18n, but maybe a potential issue is that the logo has too much text itself - which is not that common. Also, FWIW, in terms of a11y, we do serve an appropriate alt attribute for the logo img.

[bazzadp]

Because if you don't do that, and you rely on a font, you can expect different logos rendering in different OS's due to missing fonts or FOUT(Flash of Unstyled Text) maybe.

That makes total sense!

So options that I see now are:

1. Live with it and only have English Logo.
2. Create language specific versions of the Logo.
3. Make the Logo less language specific - for example by removing the "by" part:

Or:

Thoughts on 1, 2 or 3? Or anyone got other options?

[catalinred]

On this premise, considering we're not actually using the proper "HTTP Archive" custom logo we should translate the "Archive" word too, so I think this path leads nowhere.

I think we shouldn't change it, at least for now. For the 2020 release, maybe we could think about it and revamp a bit the Web Almanac logo to contain the original HTTP Archive logo. That would be challenging!

[bazzadp]

On this premise, considering we're not actually using the proper "HTTP Archive" custom logo we should translate the "Archive" word too, so I think this path leads nowhere.

Disagree on that. HTTP Archive is the brand name whether we are using the official logo or not and so am fine with that not being translated. Similarly with Web Almanac IMHO. Apple iPhone isn’t Pomme iTéléphone in France - it’s Apple iPhone.

[rviscomi]

Yeah "Web Almanac" and "HTTP Archive" are brand names and shouldn't be translated. I see the point about translating "by".

TBH we might just want to consider reimplementing the logo using text and CSS, which will allow us to translate it as needed.

[bazzadp]

TBH we might just want to consider reimplementing the logo using text and CSS, which will allow us to translate it as needed.

I think we should do this.

[rviscomi]

@HTTPArchive/developers any takers?

[catalinred]

I will do it.

[rviscomi]

Thanks for fixing this @catalinred! I've also finally updated this repo's social media image to be a screenshot of this new logo.