feat: add tooltips to cards

[joe128]

Partial implementation of #444:

Added 2 Params to shortcode card:

• linktooltip
  

• tagtooltip
  

open TODOs

• Add Documentation to fa and zh-cn
• Maybe Styling in Dark-Mode

[netlify]

✅ Deploy Preview for hugo-hextra ready!

Name	Link
🔨 Latest commit	69585ee
🔍 Latest deploy log	https://app.netlify.com/sites/hugo-hextra/deploys/66ca56b7451c390008a4a2ed
😎 Deploy Preview	https://deploy-preview-446--hugo-hextra.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[imfing]

Hi @joe128 thank you for the PR!

I appreciate the effort you’ve put into this. but I’m not sure if using the title attribute of a link as a tooltip is the best approach.

While allowing users to set a link title for a card is a good idea, I believe we should avoid using title as a tooltip as they serve different purposes.

[joe128]

The problem is that there is no "standard" for tooltips but most browsers interpret the title as a tooltip.
So, what do you (@imfing) think about using a "data-tooltip" (HTML data-* Attribute) for the two elements?