add some servers (after raging at JS bc its stupidly annoying)

cobblesteve01 · May 31, 2024 · f99d477 · f99d477
1 parent 7114816
commit f99d477
Show file tree

Hide file tree

Showing 5 changed files with 159 additions and 23 deletions.
diff --git a/1.8.html b/1.8.html
@@ -27,7 +27,7 @@ <h1 align="center" style="font-size: 54px; margin-bottom: -10px; text-decoration
 <br><br>
 
 <div class="container">
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset;">EaglercraftX<p style="font-size: 14px; padding-bottom: 15px;">Version: u30</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.8/EaglercraftX.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
+    <button class="button" style="height: 200px; margin: 15px; cursor: unset;">EaglercraftX<p style="font-size: 14px; padding-bottom: 15px;">Version: u32</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.8/eaglercraftx.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
     <button class="button" style="height: 200px; margin: 15px; cursor: unset;">Eagler Reborn<p style="font-size: 14px; padding-bottom: 15px;">Version: 1.1</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.8/Eagler-Reborn.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
     <button class="button" style="height: 200px; margin: 15px; cursor: unset;">Shadow Client<p style="font-size: 14px; padding-bottom: 15px;">Version: 3.0 (Beta)</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.8/shadowclient30beta.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
 

diff --git a/clients/1.8/EaglercraftX.html → clients/1.8/eaglercraftx.html b/clients/1.8/EaglercraftX.html → clients/1.8/eaglercraftx.html
diff --git a/home.css b/home.css
@@ -1,16 +1,16 @@
 @font-face {
     font-family: inter-bold;
-    src: url(assets/Inter-Bold.ttf);
+    src: url(Inter-Bold.ttf);
 }
 
 @font-face {
     font-family: inter-semibold;
-    src: url(assets/Inter-SemiBold.ttf);
+    src: url(Inter-SemiBold.ttf);
 }
 
 @font-face {
     font-family: inter-medium;
-    src: url(assets/Inter-Medium.ttf);
+    src: url(Inter-Medium.ttf);
 }
 
 h1 {
@@ -41,12 +41,6 @@ body {
    margin: 5px;
 }
 
-.clientButton {
-    height: 200px; 
-    cursor: unset; 
-    margin: 15px;
-}
-
 button:hover {
     background-color: rgba(116, 116, 116, 0.671);
     scale: 105%;
@@ -175,3 +169,49 @@ ul {
     /* Support for IE. */
     font-feature-settings: 'liga';
 }
+
+.status {
+    padding-top: 5px;
+    padding-bottom: 5px;
+    padding-left: 30px;
+    padding-right: 30px;
+    background-color: rgb(58, 58, 58);
+    border-radius: 10px;
+    font-size: 18px;
+}
+
+.online {
+    color: lime
+}
+
+.offline {
+    color: red;
+}
+
+.unknown {
+    color: goldenrod;
+}
+
+.ip {
+    padding-top: 10px;
+    padding-bottom: 10px;
+    padding-left: 30px;
+    padding-right: 30px;
+    background-color: dodgerblue;
+    border-radius: 10px;
+    font-size: 20px;
+}
+
+.copyLink {
+    text-decoration: none;
+    color: white;
+    background-color: dodgerblue;
+    padding: 10px;
+    padding-left: 20px;
+    padding-right: 20px;
+    border-radius: 5px;
+    cursor: pointer;
+    text-align: center;
+    transition: background-color 0.3s ease;
+    border-radius: 10px;
+}
diff --git a/servers.html b/servers.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Servers</title>
-    <link rel="shortcut icon" href="assets/mc-logo.png" type="image/x-icon">
+    <link rel="shortcut icon" href="mc-logo.png" type="image/x-icon">
     <link rel="stylesheet" href="home.css">
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
     rel="stylesheet">
@@ -17,11 +17,88 @@
         <li><a href="worlds.html">Worlds</a></li>
         <li><a href="packs.html">Resource Packs</a></li>
         <li><a class="active" href="servers.html">Servers</a></li>
-        <li><a href="mc quick guide/index.html" target="_blank">Quick Guide</a></li>
-        <li style="float: right;"><a href="https://github.com/cobblesteve01/Eaglercraft-Extras" target="_blank"><img src="assets/github.png" style="height: 25px; color: white;" alt=""></a></li>
+        <li style="float: right;"><a href="https://github.com/cobblesteve01/Eaglercraft-Extras" target="_blank"><img src="github.png" style="height: 25px; color: white;" alt=""></a></li>
     </ul>
 
-<h1 style="font-size: 45px;">Coming Soon!</h1>
-
+<div class="button-container">
+    <a href="#" class="copyLink" data-link="wss://3b8d44b5-dbfb-4cf9-b4da-03d056d9f632-00-6rwn7z7ag2xt.picard.replit.dev">Copy IP</a>
+    <a href="#" class="copyLink" data-link="wss://super-chainsaw-r44rpp5j6x9w35r6p-8081.app.github.dev/">Copy IP</a>
+</div>
+
+<script>
+    // Function to copy text to clipboard
+    function copyToClipboard(text) {
+        const tempInput = document.createElement('input');
+        tempInput.value = text;
+        document.body.appendChild(tempInput);
+        tempInput.select();
+        tempInput.setSelectionRange(0, 99999); // For mobile devices
+        document.execCommand('copy');
+        document.body.removeChild(tempInput);
+        alert('IP Copied!');
+    }
+
+    // Add event listeners to all links with class "copyLink"
+    document.querySelectorAll('.copyLink').forEach(link => {
+        link.addEventListener('click', function(event) {
+            event.preventDefault(); // Prevent the default action of the <a> element
+            const link = this.getAttribute('data-link');
+            copyToClipboard(link);
+        });
+    });
+</script>
+
 </body>
 </html>
+
+
+    <h1 align="center" style="font-size: 54px; margin-bottom: -10px; text-decoration: none">Servers</h1>
+    <p align="center">Have fun! Statuses updated weekly.</p>
+
+    <br><br>
+
+    <div class="container">
+        <button class="button" style="height: 250px;">
+            <h1 style="margin-bottom: 20px; margin-top: 5px; font-size: 30px;">Play SMP</h1>
+            <a class="status">Status: <span class="online">Online</span></a>
+            <br><br>
+            <!-- Link with copy functionality -->
+            <a href="" onclick="copyToClipboard()" class="copyLink" data-link="wss://3b8d44b5-dbfb-4cf9-b4da-03d056d9f632-00-6rwn7z7ag2xt.picard.replit.dev"><span class="material-icons-round" style="scale: 110%;">
+                content_copy
+                </span>&nbsp;Copy IP</a>
+        </button>
+
+        <button class="button" style="height: 250px;">
+            <h1 style="margin-bottom: 20px; margin-top: 5px; font-size: 30px;">Play SMP</h1>
+            <a class="status">Status: <span class="online">Online</span></a>
+            <br><br>
+            <!-- Link with copy functionality -->
+            <a href="" onclick="copyToClipboard()" class="copyLink" data-link="wss://3b8d44b5-dbfb-4cf9-b4da-03d056d9f632-00-6rwn7z7ag2xt.picard.replit.dev"><span class="material-icons-round" style="scale: 110%;">
+                content_copy
+                </span>&nbsp;Copy IP</a>
+        </button>
+    </div>
+
+    <script>
+        // Function to copy text to clipboard
+        function copyToClipboard(text) {
+            const tempInput = document.createElement('input');
+            tempInput.value = text;
+            document.body.appendChild(tempInput);
+            tempInput.select();
+            tempInput.setSelectionRange(0, 99999); // For mobile devices
+            document.execCommand('copy');
+            document.body.removeChild(tempInput);
+            window.alert('IP copied to clipboard!');
+        }
+
+        // Add event listener to the link with class "copyLink"
+        document.querySelector('.copyLink').addEventListener('click', function(event) {
+            event.preventDefault(); // Prevent the default action of the <a> element
+            const link = this.getAttribute('data-link');
+            copyToClipboard(link);
+        });
+    </script>
+
+</body>
+</html>
diff --git a/worlds.html b/worlds.html
@@ -25,8 +25,8 @@ <h1 align="center" style="font-size: 54px; margin-bottom: -10px; text-decoration
     <p align="center" style='font-family: inter-medium;'>Made by the team. NOTE! If the file is a .zip, click Create New World, then do Import Vanilla. If the world is a .epk file, use Load EPK</p>
 
     <div class="container">
-        <button class="button" style="height: 275px; margin: 15px; cursor: unset;"><img style="width: 200px; border-radius: 7.5px;" src="worlds/images/skyblock.png" alt="skyblock.png"><br><br>Skyblock<br><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 15px; padding-left: 15px;" href="worlds/Skyblock.epk" download="Skyblock"><span class="material-icons-round" style='vertical-align: -3.5px; scale: 125%;'>file_download</span>&nbsp;Download</a></button><br>
-        <button class="button" style="height: 275px; margin: 15px; cursor: unset;"><img style="width: 200px; border-radius: 7.5px;" src="worlds/images/stampy.png" alt="stampy's lovely world.png"><br><br>Stampy's Lovely World<br><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 15px; padding-left: 15px;" href="worlds/Stampy's Lovely World.zip" download="Stampy's Lovely World"><span class="material-icons-round" style='vertical-align: -3.5px; scale: 125%;'>file_download</span>&nbsp;Download</a></button><br>
+        <button class="button" style="height: 275px; margin: 15px; cursor: unset;"><img style="width: 200px; border-radius: 7.5px; margin-bottom: 30px" src="worlds/images/skyblock.png" alt="skyblock.png">Skyblock<br><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 15px; padding-left: 15px;" href="worlds/Skyblock.epk" download="Skyblock"><span class="material-icons-round" style='vertical-align: -3.5px; scale: 125%;'>file_download</span>&nbsp;Download</a></button><br>
+        <button class="button" style="height: 275px; margin: 15px; cursor: unset;"><img style="width: 200px; border-radius: 7.5px;" src="worlds/images/stampy.png" alt="stampy's lovely world.png"><br>Stampy's Lovely World<br><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 15px; padding-left: 15px;" href="worlds/Stampy's Lovely World.zip" download="Stampy's Lovely World"><span class="material-icons-round" style='vertical-align: -3.5px; scale: 125%;'>file_download</span>&nbsp;Download</a></button><br>
     </div>
 
 </body>