From 321d90aaf1da2be970ce278e3c0b848c05cb73cf Mon Sep 17 00:00:00 2001
From: Sequoia Haynes <supersequoia11@gmail.com>
Date: Tue, 3 Dec 2024 10:33:40 -0800
Subject: [PATCH] copy button should work this time

---
 index.html       |  2 +-
 js/copy.js       |  3 ++-
 styles/index.css | 12 +++++++++++-
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index c42abbd..39c74b0 100644
--- a/index.html
+++ b/index.html
@@ -23,7 +23,7 @@
             </div>
         </div>
         <div id="footer">
-
+            <p id="footerText">© CactusSMP Admins</p>
         <div>
     </body>
 </html>
\ No newline at end of file
diff --git a/js/copy.js b/js/copy.js
index 28f1532..d23418e 100644
--- a/js/copy.js
+++ b/js/copy.js
@@ -1,7 +1,8 @@
 var copyButton = document.getElementById("copyButton")
 var ipField = document.getElementById("ip")
 async function copyToClipboard(){
-    await Navigator.clipboard.writeText(ipField.value)
+    //ik this function is deprecated, but the main clipboard api doesnt work for me
+    Document.execCommand("copy",false,ipField.value)
     //im too lazy to go make a proper hovertext thing, il do it later
     alert("Copied!")
 }
diff --git a/styles/index.css b/styles/index.css
index 37c7353..3bf66b7 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -33,7 +33,13 @@
 }
 #footer{
     color:grey;
-
+    bottom: 150%;
+    display:flex;
+    position:absolute;
+    justify-content: center;
+    align-items: center;
+    width:100%;
+    height: 10%;
 }
 body{
     margin:0;
@@ -43,6 +49,10 @@ p {
     color: white;
     font-family: "Raleway", "Arial", sans-serif;
 }
+#footerText {
+    color:black;
+    font-size: 10px;
+}
 a {
     color: white;
     font-family: "Raleway", "Arial", sans-serif;