add code snippet copied tooltip

Author: jeevatkm

assets/_custom.scss

@@ -97,3 +97,18 @@ a .r-icon {
     background-color: rgba(255, 221, 102, .1);
 }
 
+.copied-tooltip {
+    visibility: hidden;
+    width: 95px;
+    background-color: #93f19c;
+    color: #333;
+    text-align: center;
+    border-radius: 4px;
+    padding: 5px;
+    position: absolute;
+    z-index: 100;
+    left: 48%;
+    top:1%;
+    opacity: 0;
+    transition: opacity 0.3s;
+}

content/_index.md

@@ -31,7 +31,7 @@ type: docs
 
 <div id="resty-go-mod" class="resty-go-mod">
 <pre>
-require resty.dev/v3 {{% param Resty.V3.Version %}}
+<code>require resty.dev/v3 {{% param Resty.V3.Version %}}</code>
 </pre>
 </div>
 

layouts/partials/docs/inject/body.html

@@ -0,0 +1,16 @@
+<div class="copied-tooltip" id="copied-tooltip">Copied!</div>
+<script>
+(function() {
+    document.querySelectorAll("pre code").forEach(t => {
+        t.addEventListener("click", function() {
+            let toolTip = document.getElementById("copied-tooltip");
+            toolTip.style.visibility = "visible";
+            toolTip.style.opacity = 1;
+            setTimeout(function() {
+                toolTip.style.visibility = "hidden";
+                toolTip.style.opacity = 0;
+            }, 1000);
+        })
+    })
+})()
+</script>