From bbd652c06daae18af4d2120ce1b4057e086f3dad Mon Sep 17 00:00:00 2001
From: Ahmed <md.ahmed701153@gmail.com>
Date: Thu, 27 Feb 2025 20:49:54 +0530
Subject: [PATCH] website: Added click-to-copy functionality for specific code
 blocks with success alert. (#5804)

* Added Copy Functionality.

Implemented click-to-copy functionality for specific code areas, displaying an alert upon successful copy.

* [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci

---------

Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
---
 docs/_templates/index.html | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/docs/_templates/index.html b/docs/_templates/index.html
index 07391993a..9fc78b870 100644
--- a/docs/_templates/index.html
+++ b/docs/_templates/index.html
@@ -679,6 +679,20 @@ chmod +x xonsh-x86_64.AppImage
     <script src="_static/landing2/js/custom.js"></script>
 
     <script language="JavaScript">
+        const code = document.querySelectorAll(".code");
+        code.forEach((element) => {
+            element.addEventListener("click", () => {
+                let textes = element.innerText;
+                navigator.clipboard.writeText(textes)
+                    .then(() => {
+                        alert("Code copied!");
+                    })
+                    .catch((error) => {
+                        console.error("Code didnt copy", error);
+                    })
+            });
+        });
+
         var tagsToReplace = {
             '&': '&amp;',
             '<': '&lt;',