In Discord when you paste in a link it displays the site's info in your discord screen. On my web site, I want to put a bunch of links in a table on the left, and when I hover over a row, it will display the site's info as shown below, in a panel on the right. Is that possible in CSS or whatever? thanks!
However, the website I want to display refuses a connection. (ark.gamepedia.com refused to connect.)
And I wasn't looking for the page in an iframe. I was hoping to pull these values, with the image shrunk down to fill the panel, but not exceed it (Like in the Discord image):
<meta property="og:title" content="Mek"/>
<meta property="og:image" content="https://gamepedia.cursecdn.com/arksurvivalevolved_gamepedia/thumb/1/1e/Dossier_Mek.png/981px-Dossier_Mek.png"/>
I that possible?
Thanks!