Improve og Images for members to be shared on Linkedin

[carms-ng]

[rngadam]

link:

https://www.linkedin.com/post-inspector/inspect/https:%2F%2Fcoderbunker.ca%2Ffr%2Fmembers%2Fangdi_chu

for

https://coderbunker.ca/fr/members/angdi_chu

[rngadam]

https://ogp.me/

[rngadam]

not sure how feasible this is or when to insert it, but instead of trying to optimize the profile image, make the card an image and turn that into the og:image.

Maybe render all the cards at the build step with PhantomJS?

from html to the card:

• create a card with a layout that has width 1200 and height 627. tag the highest card level div as id="card"
• after page load, use https://html2canvas.hertzen.com/ on the element id card
• append the newly created canvas to body (maybe turn canvas into img ?)

looks like this:

var node = document.getElementById('card');
html2canvas(node).then(function(canvas) {
    document.body.appendChild(canvas);
});

(in any case, being able to click and download a easy to reshare version of the card as a single image is useful)