citation

test.html

@@ -141,26 +141,35 @@
           This demo is developed by researchers at the University of Cambridge, Queen Mary University London, and Full Fact.
         </p>
 
-        <div class="mt-8">
+        <div class="mt-8" id="citation">
           <h3 class="text-xl font-semibold mb-4">Citation</h3>
           <p class="text-gray-700 mb-2">
             If you use <span style="font-variant: small-caps;">PledgeTracker</span> in your work, please cite:
           </p>
-          <pre class="bg-gray-100 p-4 rounded-lg text-sm overflow-x-auto text-left">
-          @misc{chen2025pledgetrackermonitoringfulfilmentpledges,
-            title={PledgeTracker: A System for Monitoring the Fulfilment of Pledges}, 
-            author={Yulong Chen and Michael Sejr Schlichtkrull and Zhenyun Deng and 
-                    David Corney and Nasim Asl and Joshua Salisbury and Andrew Dudfield 
-                    and Andreas Vlachos},
-            year={2025},
-            eprint={2509.11804},
-            archivePrefix={arXiv},
-            primaryClass={cs.CL},
-            url={https://arxiv.org/abs/2509.11804}, 
-          }
-          </pre>
+        
+          <div class="relative">
+            <pre id="bibtex" class="bg-gray-100 p-4 rounded-lg text-sm whitespace-pre-wrap break-words overflow-x-auto text-left">
+        @misc{chen2025pledgetrackermonitoringfulfilmentpledges,
+          title={PledgeTracker: A System for Monitoring the Fulfilment of Pledges}, 
+          author={Yulong Chen and Michael Sejr Schlichtkrull and Zhenyun Deng and 
+                  David Corney and Nasim Asl and Joshua Salisbury and Andrew Dudfield 
+                  and Andreas Vlachos},
+          year={2025},
+          eprint={2509.11804},
+          archivePrefix={arXiv},
+          primaryClass={cs.CL},
+          url={https://arxiv.org/abs/2509.11804}, 
+        }
+            </pre>
+        
+            <button
+              onclick="(async (e) => { try { await navigator.clipboard.writeText(document.getElementById('bibtex').innerText.trim()); const b=e.currentTarget; const old=b.innerText; b.innerText='Copied!'; setTimeout(()=>b.innerText=old,1200);} catch(err){ alert('Copy failed, please select & copy manually.'); } })(event)"
+              class="absolute top-2 right-2 px-3 py-1.5 bg-purple-600 text-white rounded-lg hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-purple-500 text-xs"
+              type="button"
+              aria-label="Copy BibTeX to clipboard"
+            >Copy</button>
+          </div>
         </div>
-      </div>
     </section>