Opengraph Card Images

[captn3m0]

Is your feature request related to a problem? Please describe.

Sharing endoflife.date pages on social media currently includes a site-wide opengraph card image. In other words, the rendering at:

• https://www.opengraph.xyz/url/https%3A%2F%2Fendoflife.date and
• https://www.opengraph.xyz/url/https%3A%2F%2Fendoflife.date%2Felectron

are identical. Since our favicon is square, the our logo doesn't look very nice either:

Describe the solution you'd like

1. Well-sized images (landscape) for various social media share images
2. A way to render an open-graph image for page that includes the page icon wherever we have it.

We can render it initially as SVG (simpleicon gives clean SVGs), and then generate them as PNGs.

Describe alternatives you've considered

• use something like bannerbear perhaps.
• Also show product information on the image maybe, but that can be taken up later.

Additional context
See #28 for some past discusssion.