Opened 9 years ago

Closed 7 years ago

Last modified 7 years ago

#11605 closed enhancement (fixed)

(easy) Add square logo to the website as a meta property

Reported by: richienyhus Owned by: nobody
Priority: normal Milestone:
Component: Website/www.haiku-os.org Version:
Keywords: Cc:
Blocked By: Blocking:
Platform: All

Description

Whenever the Haiku website is shared on social media,the transparent logo is taken for the link image. It often looks terrible and on a white background it can't even be seen.

Adding an opengraph meta property should instruct all social media websites to use the right image. The code below would use the square logo and should be inserted into the meta of field under <head> :

 <meta property="og:image" content="https://cgit.haiku-os.org/haiku/plain/data/artwork/HAIKU%20square%20-%20white%20on%20blue.png"/>

Change History (6)

comment:1 by waddlesplash, 7 years ago

Component: Website/CMSWebsite/www.haiku-os.org
Owner: changed from haiku-web to nobody
Status: newassigned
Summary: Add square logo to Drupal as a meta property(easy) Add square logo to the website as a meta property

comment:2 by kainjow, 7 years ago

I could throw a PR together for this probably fairly easily, but would be nice to have a way to test. What social media sites can this be tested with?

comment:3 by waddlesplash, 7 years ago

You can probably use the @haikuOS Twitter logo instead of the one linked in the ticket (pretty sure it's higher res). Facebook and Twitter are the two sites that really use it, I think .

comment:4 by kainjow, 7 years ago

PR: https://github.com/haiku/website/pull/39

Twitter logo is just blown up version of the png on git. The WonderBrush file is the same size.

comment:5 by waddlesplash, 7 years ago

Resolution: fixed
Status: assignedclosed

Merged. Thanks!

comment:6 by richienyhus, 7 years ago

There is still the issue with the standard icon being rectangular, but with other websites expecting to find a square logo.

The Haiku logo is often simply rendered as "AIK" on these pages.

Note: See TracTickets for help on using tickets.