feat: add special treatment for h-cards

1 files changed, 15 insertions, 4 deletions

diff --git a/hovercard.js b/hovercard.js
index a7f2c6d..c20220f 100644
--- a/hovercard.js
+++ b/hovercard.js
@@ -13,15 +13,23 @@ var hovercards = {
     if (hovercard_data) {
       var new_box = document.createElement("div");
       new_box.classList.add("hovercard");
-      if (hovercard_data["title"]) {
-        new_box.innerHTML = "<strong>" + hovercard_data["title"] + "</strong>"
+      if (hovercard_data["pname"]) {
+        new_box.innerHTML = "<strong>" + hovercard_data["pname"] + "</strong>"
+      } else {
+        if (hovercard_data["title"]) {
+          new_box.innerHTML = "<strong>" + hovercard_data["title"] + "</strong>"
+        }
       }
       if (hovercard_data["description"]) {
         new_box.innerHTML = new_box.innerHTML + "<p>" + hovercard_data["description"] + "</p>";
       }
       // if image available, add it
-      if (hovercard_data["image"]) {
-        new_box.innerHTML = "<img src='" + hovercard_data["image"] + "' alt='" + hovercard_data["title"] + "' /><br>" + new_box.innerHTML;
+      if (hovercard_data["uphoto"]) {
+        new_box.innerHTML = "<img src='" + hovercard_data["uphoto"] + "' alt='" + hovercard_data["pname"] + "' /><br>" + new_box.innerHTML;
+      } else {
+        if (hovercard_data["image"]) {
+          new_box.innerHTML = "<img src='" + hovercard_data["image"] + "' alt='" + hovercard_data["title"] + "' /><br>" + new_box.innerHTML;
+        }
       }
       new_box.style.top = window.scrollY + target_link.getBoundingClientRect().top + "px";
       new_box.style.left = window.scrollX + target_link.getBoundingClientRect().left + "px";
@@ -67,6 +75,9 @@ var hovercards = {
           }
         } else {
           let req = 'https://indieweb-glue.evgenykuznetsov.org/api/pageinfo?url=';
+          if (Boolean(links[i].closest('.h-card'))) {
+            req = 'https://indieweb-glue.evgenykuznetsov.org/api/hcard?url=';
+          };
           req += url;
           const r = encodeURI(req);
           var xmlhttp = new XMLHttpRequest();