Update script.js

script.js

@@ -453,32 +453,47 @@
       '<polyline points="20 6 9 17 4 12"/></svg>';
 
     function makeShareBtn(filename) {
-      const btn = document.createElement("button");
-      btn.type = "button";
-      btn.className = "share-btn";
-      btn.setAttribute("aria-label", "Copy share link");
-      btn.title = "Copy share link";
-      btn.innerHTML = SHARE_ICON;
-      btn.addEventListener("click", async (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        const url = `${SITE_BASE}?post=${filename}`;
-        try {
-          await navigator.clipboard.writeText(url);
-          btn.classList.remove("error");
-          btn.classList.add("copied");
-          btn.innerHTML = CHECK_ICON;
-          setTimeout(() => {
-            btn.classList.remove("copied");
-            btn.innerHTML = SHARE_ICON;
-          }, 1400);
-        } catch {
-          btn.classList.add("error");
-          setTimeout(() => btn.classList.remove("error"), 1400);
-        }
-      });
-      return btn;
+  const btn = document.createElement("button");
+  btn.type = "button";
+  btn.className = "share-btn tooltip";
+  btn.setAttribute("aria-label", "Copy share link");
+  btn.dataset.tooltip = "Copy share link";
+  btn.innerHTML = SHARE_ICON;
+
+  btn.addEventListener("click", async (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+
+    const url = `${SITE_BASE}?post=${filename}`;
+
+    try {
+      await navigator.clipboard.writeText(url);
+
+      btn.classList.remove("error");
+      btn.classList.add("copied");
+      btn.innerHTML = CHECK_ICON;
+      btn.dataset.tooltip = "Copied!";
+
+      setTimeout(() => {
+        btn.classList.remove("copied");
+        btn.innerHTML = SHARE_ICON;
+        btn.dataset.tooltip = "Copy share link";
+      }, 1400);
+
+    } catch {
+      btn.classList.remove("copied");
+      btn.classList.add("error");
+      btn.dataset.tooltip = "Couldn't copy";
+
+      setTimeout(() => {
+        btn.classList.remove("error");
+        btn.dataset.tooltip = "Copy share link";
+      }, 1400);
     }
+  });
+
+  return btn;
+}
 
     // One share button per post card on the index page
     document.querySelectorAll(".post-card").forEach((card) => {