test

website/package.json

@@ -20,6 +20,7 @@
     "@svgr/webpack": "^6.0.0",
     "axios": "^0.27.2",
     "classnames": "^2.3.1",
+    "clipboard": "^2.0.11",
     "clsx": "^1.1.1",
     "color": "^3.1.2",
     "core-js": "^3.20.0",

website/static/js/headerLinkCopy.js

@@ -0,0 +1,26 @@
+import ClipboardJS from 'clipboard';
+
+document.addEventListener("DOMContentLoaded", function () {
+  // Get all the headers with anchor links
+  const headers = document.querySelectorAll("a.anchor-header");
+
+  headers.forEach((header) => {
+    header.style.cursor = "pointer";
+    const clipboard = new ClipboardJS(header, {
+      text: function(trigger) {
+        const anchorLink = trigger.getAttribute('href');
+        return window.location.href.split('#')[0] + anchorLink;
+      }
+    });
+
+    clipboard.on('success', function(e) {
+      // Provide user feedback (e.g., alert or tooltip) here
+      // You can customize the feedback based on your preference
+      alert("Link copied to clipboard: " + e.text);
+    });
+
+    clipboard.on('error', function(e) {
+      console.error("Unable to copy to clipboard: " + e.text);
+    });
+  });
+});