From fa90391db1c2e6e88d10a10ae98669e1fcafdf2f Mon Sep 17 00:00:00 2001 From: LeoTurlock Date: Thu, 9 May 2024 11:25:46 +0200 Subject: [PATCH] Added local navbar and serer_status.js --- .../1.8/1_8Clients.html => 1_8Clients.html | 183 ++++++++---------- archive.html | 46 +---- ...e_stylesheet.css => archive_stylesheet.css | 0 assets/scripts/server_status.js | 76 ++++++++ index.html | 46 ++--- navbar.html | 45 +++++ servers.html | 155 +++++++-------- servers_stylesheet.css | 11 +- stylesheet.css | 14 +- 9 files changed, 305 insertions(+), 271 deletions(-) rename clients/1.8/1_8Clients.html => 1_8Clients.html (53%) rename clients/archive_stylesheet.css => archive_stylesheet.css (100%) create mode 100644 assets/scripts/server_status.js create mode 100644 navbar.html diff --git a/clients/1.8/1_8Clients.html b/1_8Clients.html similarity index 53% rename from clients/1.8/1_8Clients.html rename to 1_8Clients.html index ec538d3..a4934b8 100644 --- a/clients/1.8/1_8Clients.html +++ b/1_8Clients.html @@ -5,48 +5,21 @@ EaglerArchive - - - + + + + + + - +
@@ -64,9 +37,9 @@ @@ -74,33 +47,33 @@
- Resent_icon + Resent_icon

EaglercraftX 1.8.8

- Resent_icon + Resent_icon

Resent 3.3.2 - patch 1 - US

- Resent_icon + Resent_icon

Resent 3.3.2 - patch 1 - US

@@ -112,21 +85,21 @@
- Resent_icon + Resent_icon

Resent 3.3.2 - patch 1 - US

@@ -134,12 +107,12 @@
- Resent_icon + Resent_icon

Resent 3.4 - patch 1 - US

@@ -147,12 +120,12 @@
- Resent_icon + Resent_icon

Resent 3.6 - patch 1 - US

@@ -160,12 +133,12 @@
- Resent_icon + Resent_icon

Resent 3.7 - patch 1 - International

@@ -173,12 +146,12 @@
- Resent_icon + Resent_icon

Resent 3.8 - patch 1 - International

@@ -186,12 +159,12 @@
- Resent_icon + Resent_icon

Resent 4.0 - patch -

@@ -199,12 +172,12 @@
- Resent_icon + Resent_icon

Resent

@@ -212,12 +185,12 @@
- Resent_icon + Resent_icon

Resent

@@ -225,12 +198,12 @@
- Resent_icon + Resent_icon

Resent

@@ -238,12 +211,12 @@
- Resent_icon + Resent_icon

Resent

@@ -251,12 +224,12 @@
- Resent_icon + Resent_icon

Resent

@@ -264,12 +237,12 @@
- Resent_icon + Resent_icon

Resent

@@ -277,12 +250,12 @@
- Resent_icon + Resent_icon

Resent

@@ -290,12 +263,12 @@
- Resent_icon + Resent_icon

Resent

@@ -303,12 +276,12 @@
- Resent_icon + Resent_icon

Resent

@@ -316,12 +289,12 @@
- Resent_icon + Resent_icon

Resent

@@ -329,12 +302,12 @@
- Resent_icon + Resent_icon

Resent

@@ -342,12 +315,12 @@
- Resent_icon + Resent_icon

Resent

diff --git a/archive.html b/archive.html index fa1edee..01dc2ab 100644 --- a/archive.html +++ b/archive.html @@ -8,45 +8,17 @@ + + + - - +
@@ -69,7 +41,7 @@

Eaglercraft 1.5 Clients

- +

EaglercraftX 1.8 Clients

diff --git a/clients/archive_stylesheet.css b/archive_stylesheet.css similarity index 100% rename from clients/archive_stylesheet.css rename to archive_stylesheet.css diff --git a/assets/scripts/server_status.js b/assets/scripts/server_status.js new file mode 100644 index 0000000..322eb2d --- /dev/null +++ b/assets/scripts/server_status.js @@ -0,0 +1,76 @@ + +window.onload = function () { + function checkServerStatus(ip, statusElement) { + if (!ip) { + statusElement.innerHTML = "Status: Unknown"; + return; + } + + // Make a GET request to the mcstatus API + fetch(`https://api.mcstatus.io/v2/status/java/${ip}`) + .then(response => response.json()) + .then(data => { + // Check if the server is online + if (data.online) { + statusElement.innerHTML = "Status: Online"; + } else { + statusElement.innerHTML = "Status: Offline"; + } + }) + .catch(error => { + // Handle errors + console.error('Error checking server status:', error); + }); + } + + + const status1 = document.querySelector(".status1"); + const status2 = document.querySelector(".status2"); + const status3 = document.querySelector(".status3"); + const status4 = document.querySelector(".status4"); + const status5 = document.querySelector(".status5"); + const status6 = document.querySelector(".status6"); + const status7 = document.querySelector(".status7"); + const status8 = document.querySelector(".status8"); + const status9 = document.querySelector(".status9"); + const status10 = document.querySelector(".status10"); + const status11 = document.querySelector(".status11"); + const status12 = document.querySelector(".status12"); + const status13 = document.querySelector(".status13"); + const status14 = document.querySelector(".status14"); + const status15 = document.querySelector(".status15"); + const status16 = document.querySelector(".status16"); + const status17 = document.querySelector(".status17"); + const status18 = document.querySelector(".status18"); + const status19 = document.querySelector(".status19"); + const status20 = document.querySelector(".status20"); + const status21 = document.querySelector(".status21") + const status22 = document.querySelector(".status22") + const status23 = document.querySelector(".status23") + const status24 = document.querySelector(".status24") + + checkServerStatus("zentic.cc", status1); + checkServerStatus("mc.arch.lol", status2); + checkServerStatus("play.aeon-network.net", status3); + checkServerStatus("vanillacraftsmp.us.to", status4); + checkServerStatus("helltech.cc", status5); + checkServerStatus("java.clever-teaching.com", status6); + checkServerStatus("play.ricenetwork.xyz", status7); + checkServerStatus("asianf4rmer.minecraft.pe", status8); + checkServerStatus("play.verise.xyz", status9); + checkServerStatus("pvpclub.xyz", status10); + checkServerStatus("", status11); + checkServerStatus("", status12); + checkServerStatus("savagelandsmc.com", status13); + checkServerStatus("mc.asspixel.net", status14); + checkServerStatus("", status15); + checkServerStatus("sus.shhnowisnottheti.me", status16); + checkServerStatus("mc.rufan.tech", status17); + checkServerStatus("", status18); + checkServerStatus("", status19); + checkServerStatus("", status20); + checkServerStatus("mc.zyth.me", status21); + checkServerStatus("", status22); + checkServerStatus("incog.invalid.work", status23); + checkServerStatus("play.ragexwaternetwork.fun", status24); + }; diff --git a/index.html b/index.html index 0b7bb7e..6a89079 100644 --- a/index.html +++ b/index.html @@ -6,43 +6,16 @@ EaglerArchive + + + - -
+
@@ -105,6 +78,9 @@
+ \ No newline at end of file diff --git a/navbar.html b/navbar.html new file mode 100644 index 0000000..b3071b3 --- /dev/null +++ b/navbar.html @@ -0,0 +1,45 @@ + + + + + + Document + + + + + + + discord_icon +

Discord

+
+ + + diff --git a/servers.html b/servers.html index e7a669e..0886f4b 100644 --- a/servers.html +++ b/servers.html @@ -8,6 +8,13 @@ + + + - +
@@ -69,65 +42,69 @@

EaglercraftX 1.8 Server List

-
+
+ +
-

VanillaCraftSMP

- -
- - - -
-
-

Info:

-
-
-

IPs:

-
-
- -
- -
-

Zentic

- -
- - - -
-
-

Info:

-
    -
  • -

    Bedwars

    -
  • -
  • -

    Practice

    -
  • -
-
-
-

IPs:

+

VanillaCraftSMP

+ +
+ + + +
+
+

Info:

+
+
+

IPs:

+
+
+ +
+ +
+

Zentic

+ +
+ + + +
+
+

Info:

+
    +
  • +

    Bedwars

    +
  • +
  • +

    Practice

    +
  • +
+
+
+

IPs:

+
-
- -
-

Server Name

- -
- - - -
-
-

Info:

-
-
-

IPs:

+ +
+

Server Name

+ +
+ + + +
+
+

Info:

+
+
+

IPs:

+
+
diff --git a/servers_stylesheet.css b/servers_stylesheet.css index d411647..011d2b0 100644 --- a/servers_stylesheet.css +++ b/servers_stylesheet.css @@ -1,3 +1,10 @@ +.box-container { + display: grid; + grid-template-columns: repeat(3, 2fr); + gap: 30px; + max-width: 100%; +} + .server-embed-container { margin-bottom: 20px; padding: 10px; @@ -11,8 +18,6 @@ } .server-embed { - width: 900px; - height: 140px; background-color: black; margin: 10px 0; } @@ -21,7 +26,7 @@ margin-bottom: 10px; } -.server-info div:first-child { +.server-info div { font-family: 'SF-Bold'; } diff --git a/stylesheet.css b/stylesheet.css index bfbacbf..5029ef0 100644 --- a/stylesheet.css +++ b/stylesheet.css @@ -35,7 +35,8 @@ body { #view { color: white; - width: 100%;; + width: 100%; + height: 100vh; padding-left: var(--side_distance); padding-right: var(--side_distance); padding-bottom: 30px; @@ -54,6 +55,15 @@ body { text-align: center; } +.footer { + width: 100%; + height: 50px; + background-color: #333; + color: white; + padding-top: 15px; + +} + .page-title { display: flex; flex-direction: row; @@ -87,7 +97,7 @@ body { .box-container { display: grid; - grid-template-columns: repeat(3, 2fr); + grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 100%; }