Fix: clipboard button not working

Resolved issue with non-functional clipboard button on homepage.

Signed-off-by: Anoop Kumar <[email protected]>

Author: HelllGuest

content/fedora.md

@@ -242,18 +242,5 @@ document.addEventListener("DOMContentLoaded", function() {
             e.preventDefault();
         };
     });
-    var btn = document.getElementById("copy-button");
-    btn.onmouseover = function(e) {
-        btn.firstChild.classList.remove("fa-check");
-        btn.firstChild.classList.add("fa-clipboard");
-    }
-    btn.onclick = function(e) {
-        var text = document.getElementById("curl");
-        window.getSelection().selectAllChildren(text);
-        navigator.clipboard.writeText(text.textContent);
-        btn.firstChild.classList.add("fa-check");
-        btn.firstChild.classList.remove("fa-clipboard");
-        e.preventDefault();
-    };
 });
 </script>

layouts/partials/footer.html

@@ -21,5 +21,21 @@
             </div>
         </div>
     </footer>
+    <!-- JavaScript code -->
+    <script>
+        var btn = document.getElementById("copy-button");
+        btn.onmouseover = function(e) {
+            btn.firstChild.classList.remove("fa-check");
+            btn.firstChild.classList.add("fa-clipboard");
+        }
+        btn.onclick = function(e) {
+            var text = document.getElementById("curl");
+            window.getSelection().selectAllChildren(text);
+            navigator.clipboard.writeText(text.textContent);
+            btn.firstChild.classList.add("fa-check");
+            btn.firstChild.classList.remove("fa-clipboard");
+            e.preventDefault();
+        };
+    </script>
 </body>
 </html>