Added local navbar and serer_status.js

This commit is contained in:
LeoTurlock 2024-05-09 11:25:46 +02:00
parent a87faad887
commit fa90391db1
9 changed files with 305 additions and 271 deletions

View File

@ -5,48 +5,21 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EaglerArchive</title> <title>EaglerArchive</title>
<link rel="stylesheet" href="../../stylesheet.css"> <link rel="stylesheet" href="./stylesheet.css">
<link rel="stylesheet" href="../../nav_bar.css"> <link rel="stylesheet" href="./nav_bar.css">
<link rel="stylesheet" href="../archive_stylesheet.css"> <link rel="stylesheet" href="./archive_stylesheet.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(function(){
$("#nav_bar").load("./navbar.html");
});
</script>
</head> </head>
<body> <body>
<div id="nav_bar"> <div id="nav_bar"></div>
<div id="EaglerArchive">
<a id="link_EaglerArchive" href="../../index.html">
<img id="logo" src="../../assets/images/EaglerArchive.png" alt="EaglerArchive">
<p>EaglerArchive</p>
</a>
<a class="link-nav_bar" href="../../index.html">
<img class="icon_link" src="../../assets/icons/SF Symbols/house_fill.png" alt="home_icon">
<p>Home</p>
</a>
<a class="link-nav_bar" href="../../archive.html">
<img class="icon_link" src="../../assets/icons/SF Symbols/square_stack_3d_down_right_fill.png"
alt="archive_icon">
<p>Archive</p>
</a>
<a class="link-nav_bar" href="../../servers.html">
<img alt="server_icon" src="../../assets/icons/SF Symbols/hexagon.png" class="icon_link">
<p>Servers</p>
</a>
<a class="link-nav_bar" href="../../info.html">
<img class="icon_link" src="../../assets/icons/SF Symbols/exclamationmark.png" alt="info_icon">
<p>Info</p>
</a>
<a class="link-nav_bar" href="../../about.html">
<img class="icon_link" src="../../assets/icons/SF Symbols/question.png" alt="about_icon">
<p>About</p>
</a>
</div>
<a class="link-nav_bar blurple" id="link_discord" href="https://discord.gg/xi" target="_blank">
<img class="icon_link" src="../../assets/images/Discord-icon-modified.png" alt="discord_icon">
<p>Discord</p>
</a>
</div>
<div id="view"> <div id="view">
<div class="page-title"> <div class="page-title">
@ -64,9 +37,9 @@
<input class="accordion-checkbox" type="checkbox" name="accordion" id="item1"> <input class="accordion-checkbox" type="checkbox" name="accordion" id="item1">
<label for="item1"> <label for="item1">
<div class="accordion-title"> <div class="accordion-title">
<img class="chevron" src="../../assets/icons/SF Symbols/arrowtriangle_right_circle_fill.png" <img class="chevron" src="./assets/icons/SF Symbols/arrowtriangle_right_circle_fill.png"
alt="chevron_down"> alt="chevron_down">
<img class="accordion-icon" src="../../assets/images/eaglercraft.png" alt="Resent_icon"> <img class="accordion-icon" src="./assets/images/eaglercraft.png" alt="Resent_icon">
<p>Eagtek</p> <p>Eagtek</p>
</div> </div>
</label> </label>
@ -74,33 +47,33 @@
<div class="client-item"> <div class="client-item">
<div class="client-item-title"> <div class="client-item-title">
<img class="client-icon" src="../../assets/images/eaglercraft.png" alt="Resent_icon"> <img class="client-icon" src="./assets/images/eaglercraft.png" alt="Resent_icon">
<p>EaglercraftX 1.8.8</p> <p>EaglercraftX 1.8.8</p>
</div> </div>
<div class="client-item-buttons"> <div class="client-item-buttons">
<a href="./clients/1.8/Resent/Resent_3.3.2_patch_1_1.8_US.html" target="_blank">Play</a> <a href="./Eagtek" target="_blank">Play</a>
<a href="./clients/1.8/Resent/Resent_3.3.2_patch_1_1.8_US.html" download>Download</a> <a href="./Eagtek" download>Download</a>
</div> </div>
</div> </div>
<div class="client-item"> <div class="client-item">
<div class="client-item-title"> <div class="client-item-title">
<img class="client-icon" src="../../assets/images/eaglercraft.png" alt="Resent_icon"> <img class="client-icon" src="./assets/images/eaglercraft.png" alt="Resent_icon">
<p>Resent 3.3.2 - patch 1 - US </p> <p>Resent 3.3.2 - patch 1 - US </p>
</div> </div>
<div class="client-item-buttons"> <div class="client-item-buttons">
<a href="./clients/1.8/Resent/Resent_3.3.2_patch_1_1.8_US.html" target="_blank">Play</a> <a href="./Eagtek" target="_blank">Play</a>
<a href="./clients/1.8/Resent/Resent_3.3.2_patch_1_1.8_US.html" download>Download</a> <a href="./Eagtek" download>Download</a>
</div> </div>
</div> </div>
<div class="client-item"> <div class="client-item">
<div class="client-item-title"> <div class="client-item-title">
<img class="client-icon" src="../../assets/images/eaglercraft.png" alt="Resent_icon"> <img class="client-icon" src="./assets/images/eaglercraft.png" alt="Resent_icon">
<p>Resent 3.3.2 - patch 1 - US </p> <p>Resent 3.3.2 - patch 1 - US </p>
</div> </div>
<div class="client-item-buttons"> <div class="client-item-buttons">
<a href="./clients/1.8/Resent/Resent_3.3.2_patch_1_1.8_US.html" target="_blank">Play</a> <a href="./Eagtek" target="_blank">Play</a>
<a href="./clients/1.8/Resent/Resent_3.3.2_patch_1_1.8_US.html" download>Download</a> <a href="./Eagtek" download>Download</a>
</div> </div>
</div> </div>
@ -112,21 +85,21 @@
<input class="accordion-checkbox" type="checkbox" name="accordion" id="item2"> <input class="accordion-checkbox" type="checkbox" name="accordion" id="item2">
<label for="item2"> <label for="item2">
<div class="accordion-title"> <div class="accordion-title">
<img class="chevron" src="../../assets/icons/SF Symbols/arrowtriangle_right_circle_fill.png" <img class="chevron" src="./assets/icons/SF Symbols/arrowtriangle_right_circle_fill.png"
alt="chevron_down"> alt="chevron_down">
<img class="accordion-icon" src="../../assets/images/ResentIcon.png" alt="Resent_icon"> <img class="accordion-icon" src="./assets/images/ResentIcon.png" alt="Resent_icon">
<p>Resent</p> <p>Resent</p>
</div> </div>
</label> </label>
<div class="accordion-content" id="resent_content"> <div class="accordion-content" id="resent_content">
<div class="client-item"> <div class="client-item">
<div class="client-item-title"> <div class="client-item-title">
<img class="client-icon" src="../../assets/images/ResentIcon.png" alt="Resent_icon"> <img class="client-icon" src="./assets/images/ResentIcon.png" alt="Resent_icon">
<p>Resent 3.3.2 - patch 1 - US </p> <p>Resent 3.3.2 - patch 1 - US </p>
</div> </div>
<div class="client-item-buttons"> <div class="client-item-buttons">
<a href="./clients/1.8/Resent/Resent_3.3.2_patch_1_1.8_US.html" target="_blank">Play</a> <a href="./Resent/Resent_3.3.2_patch_1_1.8_US.html" target="_blank">Play</a>
<a href="./clients/1.8/Resent/Resent_3.3.2_patch_1_1.8_US.html" download>Download</a> <a href="./Resent/Resent_3.3.2_patch_1_1.8_US.html" download>Download</a>
</div> </div>
</div> </div>
@ -134,12 +107,12 @@
<div class="client-item"> <div class="client-item">
<div class="client-item-title"> <div class="client-item-title">
<img class="client-icon" src="../../assets/images/ResentIcon.png" alt="Resent_icon"> <img class="client-icon" src="./assets/images/ResentIcon.png" alt="Resent_icon">
<p>Resent 3.4 - patch 1 - US</p> <p>Resent 3.4 - patch 1 - US</p>
</div> </div>
<div class="client-item-buttons"> <div class="client-item-buttons">
<a href="./clients/1.8/Resent/Resent_3.4_patch_1_1.8_US.html" target="_blank">Play</a> <a href="./Resent/Resent_3.4_patch_1_1.8_US.html" target="_blank">Play</a>
<a href="./clients/1.8/Resent/Resent_3.4_patch_1_1.8_US.html" download>Download</a> <a href="./Resent/Resent_3.4_patch_1_1.8_US.html" download>Download</a>
</div> </div>
</div> </div>
@ -147,12 +120,12 @@
<div class="client-item"> <div class="client-item">
<div class="client-item-title"> <div class="client-item-title">
<img class="client-icon" src="../../assets/images/ResentIcon.png" alt="Resent_icon"> <img class="client-icon" src="./assets/images/ResentIcon.png" alt="Resent_icon">
<p>Resent 3.6 - patch 1 - US</p> <p>Resent 3.6 - patch 1 - US</p>
</div> </div>
<div class="client-item-buttons"> <div class="client-item-buttons">
<a href="./clients/1.8/Resent/Resent_3.6_patch_1_1.8_US.html" target="_blank">Play</a> <a href="./Resent/Resent_3.6_patch_1_1.8_US.html" target="_blank">Play</a>
<a href="./clients/1.8/Resent/Resent_3.6_patch_1_1.8_US.html" download>Download</a> <a href="./Resent/Resent_3.6_patch_1_1.8_US.html" download>Download</a>
</div> </div>
</div> </div>
@ -160,12 +133,12 @@
<div class="client-item"> <div class="client-item">
<div class="client-item-title"> <div class="client-item-title">
<img class="client-icon" src="../../assets/images/ResentIcon.png" alt="Resent_icon"> <img class="client-icon" src="./assets/images/ResentIcon.png" alt="Resent_icon">
<p>Resent 3.7 - patch 1 - International</p> <p>Resent 3.7 - patch 1 - International</p>
</div> </div>
<div class="client-item-buttons"> <div class="client-item-buttons">
<a href="./clients/1.8/Resent/Resent_3.7_International.html" target="_blank">Play</a> <a href="./Resent/Resent_3.7_International.html" target="_blank">Play</a>
<a href="./clients/1.8/Resent/Resent_3.7_International.html" download>Download</a> <a href="./Resent/Resent_3.7_International.html" download>Download</a>
</div> </div>
</div> </div>
@ -173,12 +146,12 @@
<div class="client-item"> <div class="client-item">
<div class="client-item-title"> <div class="client-item-title">
<img class="client-icon" src="../../assets/images/ResentIcon.png" alt="Resent_icon"> <img class="client-icon" src="./assets/images/ResentIcon.png" alt="Resent_icon">
<p>Resent 3.8 - patch 1 - International</p> <p>Resent 3.8 - patch 1 - International</p>
</div> </div>
<div class="client-item-buttons"> <div class="client-item-buttons">
<a href="./clients/1.8/Resent/Resent_3.8_Patch-1_Offline_International.html" target="_blank">Play</a> <a href="./Resent/Resent_3.8_Patch-1_Offline_International.html" target="_blank">Play</a>
<a href="./clients/1.8/Resent/Resent_3.8_Patch-1_Offline_International.html" download>Download</a> <a href="./Resent/Resent_3.8_Patch-1_Offline_International.html" download>Download</a>
</div> </div>
</div> </div>
@ -186,12 +159,12 @@
<div class="client-item"> <div class="client-item">
<div class="client-item-title"> <div class="client-item-title">
<img class="client-icon" src="../../assets/images/ResentIcon.png" alt="Resent_icon"> <img class="client-icon" src="./assets/images/ResentIcon.png" alt="Resent_icon">
<p>Resent 4.0 - patch - </p> <p>Resent 4.0 - patch - </p>
</div> </div>
<div class="client-item-buttons"> <div class="client-item-buttons">
<a href="./clients/1.8/Resent/Resent-4.0-Patch-0-English.html" target="_blank">Play</a> <a href="./Resent/Resent-4.0-Patch-0-English.html" target="_blank">Play</a>
<a href="./clients/1.8/Resent/Resent-4.0-Patch-0-English.html" download>Download</a> <a href="./Resent/Resent-4.0-Patch-0-English.html" download>Download</a>
</div> </div>
</div> </div>
@ -199,12 +172,12 @@
<div class="client-item"> <div class="client-item">
<div class="client-item-title"> <div class="client-item-title">
<img class="client-icon" src="../../assets/images/ResentIcon.png" alt="Resent_icon"> <img class="client-icon" src="./assets/images/ResentIcon.png" alt="Resent_icon">
<p>Resent</p> <p>Resent</p>
</div> </div>
<div class="client-item-buttons"> <div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a> <a href="./Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a> <a href="./Resent" download>Download</a>
</div> </div>
</div> </div>
@ -212,12 +185,12 @@
<div class="client-item"> <div class="client-item">
<div class="client-item-title"> <div class="client-item-title">
<img class="client-icon" src="../../assets/images/ResentIcon.png" alt="Resent_icon"> <img class="client-icon" src="./assets/images/ResentIcon.png" alt="Resent_icon">
<p>Resent</p> <p>Resent</p>
</div> </div>
<div class="client-item-buttons"> <div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a> <a href="./Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a> <a href="./Resent" download>Download</a>
</div> </div>
</div> </div>
@ -225,12 +198,12 @@
<div class="client-item"> <div class="client-item">
<div class="client-item-title"> <div class="client-item-title">
<img class="client-icon" src="../../assets/images/ResentIcon.png" alt="Resent_icon"> <img class="client-icon" src="./assets/images/ResentIcon.png" alt="Resent_icon">
<p>Resent</p> <p>Resent</p>
</div> </div>
<div class="client-item-buttons"> <div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a> <a href="./Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a> <a href="./Resent" download>Download</a>
</div> </div>
</div> </div>
@ -238,12 +211,12 @@
<div class="client-item"> <div class="client-item">
<div class="client-item-title"> <div class="client-item-title">
<img class="client-icon" src="../../assets/images/ResentIcon.png" alt="Resent_icon"> <img class="client-icon" src="./assets/images/ResentIcon.png" alt="Resent_icon">
<p>Resent</p> <p>Resent</p>
</div> </div>
<div class="client-item-buttons"> <div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a> <a href="./Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a> <a href="./Resent" download>Download</a>
</div> </div>
</div> </div>
@ -251,12 +224,12 @@
<div class="client-item"> <div class="client-item">
<div class="client-item-title"> <div class="client-item-title">
<img class="client-icon" src="../../assets/images/ResentIcon.png" alt="Resent_icon"> <img class="client-icon" src="./assets/images/ResentIcon.png" alt="Resent_icon">
<p>Resent</p> <p>Resent</p>
</div> </div>
<div class="client-item-buttons"> <div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a> <a href="./Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a> <a href="./Resent" download>Download</a>
</div> </div>
</div> </div>
@ -264,12 +237,12 @@
<div class="client-item"> <div class="client-item">
<div class="client-item-title"> <div class="client-item-title">
<img class="client-icon" src="../../assets/images/ResentIcon.png" alt="Resent_icon"> <img class="client-icon" src="./assets/images/ResentIcon.png" alt="Resent_icon">
<p>Resent</p> <p>Resent</p>
</div> </div>
<div class="client-item-buttons"> <div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a> <a href="./Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a> <a href="./Resent" download>Download</a>
</div> </div>
</div> </div>
@ -277,12 +250,12 @@
<div class="client-item"> <div class="client-item">
<div class="client-item-title"> <div class="client-item-title">
<img class="client-icon" src="../../assets/images/ResentIcon.png" alt="Resent_icon"> <img class="client-icon" src="./assets/images/ResentIcon.png" alt="Resent_icon">
<p>Resent</p> <p>Resent</p>
</div> </div>
<div class="client-item-buttons"> <div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a> <a href="./Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a> <a href="./Resent" download>Download</a>
</div> </div>
</div> </div>
@ -290,12 +263,12 @@
<div class="client-item"> <div class="client-item">
<div class="client-item-title"> <div class="client-item-title">
<img class="client-icon" src="../../assets/images/ResentIcon.png" alt="Resent_icon"> <img class="client-icon" src="./assets/images/ResentIcon.png" alt="Resent_icon">
<p>Resent</p> <p>Resent</p>
</div> </div>
<div class="client-item-buttons"> <div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a> <a href="./Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a> <a href="./Resent" download>Download</a>
</div> </div>
</div> </div>
@ -303,12 +276,12 @@
<div class="client-item"> <div class="client-item">
<div class="client-item-title"> <div class="client-item-title">
<img class="client-icon" src="../../assets/images/ResentIcon.png" alt="Resent_icon"> <img class="client-icon" src="./assets/images/ResentIcon.png" alt="Resent_icon">
<p>Resent</p> <p>Resent</p>
</div> </div>
<div class="client-item-buttons"> <div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a> <a href="./Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a> <a href="./Resent" download>Download</a>
</div> </div>
</div> </div>
@ -316,12 +289,12 @@
<div class="client-item"> <div class="client-item">
<div class="client-item-title"> <div class="client-item-title">
<img class="client-icon" src="../../assets/images/ResentIcon.png" alt="Resent_icon"> <img class="client-icon" src="./assets/images/ResentIcon.png" alt="Resent_icon">
<p>Resent</p> <p>Resent</p>
</div> </div>
<div class="client-item-buttons"> <div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a> <a href="./Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a> <a href="./Resent" download>Download</a>
</div> </div>
</div> </div>
@ -329,12 +302,12 @@
<div class="client-item"> <div class="client-item">
<div class="client-item-title"> <div class="client-item-title">
<img class="client-icon" src="../../assets/images/ResentIcon.png" alt="Resent_icon"> <img class="client-icon" src="./assets/images/ResentIcon.png" alt="Resent_icon">
<p>Resent</p> <p>Resent</p>
</div> </div>
<div class="client-item-buttons"> <div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a> <a href="./Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a> <a href="./Resent" download>Download</a>
</div> </div>
</div> </div>
@ -342,12 +315,12 @@
<div class="client-item"> <div class="client-item">
<div class="client-item-title"> <div class="client-item-title">
<img class="client-icon" src="../../assets/images/ResentIcon.png" alt="Resent_icon"> <img class="client-icon" src="./assets/images/ResentIcon.png" alt="Resent_icon">
<p>Resent</p> <p>Resent</p>
</div> </div>
<div class="client-item-buttons"> <div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a> <a href="./Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a> <a href="./Resent" download>Download</a>
</div> </div>
</div> </div>

View File

@ -8,45 +8,17 @@
<link rel="stylesheet" href="./stylesheet.css"> <link rel="stylesheet" href="./stylesheet.css">
<link rel="stylesheet" href="./nav_bar.css"> <link rel="stylesheet" href="./nav_bar.css">
<link rel="stylesheet" href="./archive_stylesheet.css"> <link rel="stylesheet" href="./archive_stylesheet.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(function(){
$("#nav_bar").load("./navbar.html");
});
</script>
</head> </head>
<body> <body>
<div id="nav_bar"></div>
<div id="nav_bar">
<div id="EaglerArchive">
<a id="link_EaglerArchive" href="./index.html">
<img id="logo" src="./assets/images/EaglerArchive.png" alt="EaglerArchive">
<p>EaglerArchive</p>
</a>
<a class="link-nav_bar" href="./index.html">
<img class="icon_link" src="./assets/icons/SF Symbols/house_fill.png" alt="home_icon">
<p>Home</p>
</a>
<a class="link-nav_bar" href="./archive.html">
<img class="icon_link" src="./assets/icons/SF Symbols/square_stack_3d_down_right_fill.png"
alt="archive_icon">
<p>Archive</p>
</a>
<a class="link-nav_bar" href="./servers.html">
<img alt="server_icon" src="./assets/icons/SF Symbols/hexagon.png" class="icon_link">
<p>Servers</p>
</a>
<a class="link-nav_bar" href="./info.html">
<img class="icon_link" src="./assets/icons/SF Symbols/exclamationmark.png" alt="info_icon">
<p>Info</p>
</a>
<a class="link-nav_bar" href="./about.html">
<img class="icon_link" src="./assets/icons/SF Symbols/question.png" alt="about_icon">
<p>About</p>
</a>
</div>
<a class="link-nav_bar blurple" id="link_discord" href="https://discord.gg/xi" target="_blank">
<img class="icon_link" src="./assets/images/Discord-icon-modified.png" alt="discord_icon">
<p>Discord</p>
</a>
</div>
<div id="view"> <div id="view">
<div class="page-title"> <div class="page-title">
@ -69,7 +41,7 @@
<p>Eaglercraft 1.5 Clients</p> <p>Eaglercraft 1.5 Clients</p>
</div> </div>
</a> </a>
<a class="box" href="./clients/1.8/1_8Clients.html"> <a class="box" href="./1_8Clients.html">
<div class="box-content"> <div class="box-content">
<p>EaglercraftX 1.8 Clients</p> <p>EaglercraftX 1.8 Clients</p>
</div> </div>

View File

@ -0,0 +1,76 @@
window.onload = function () {
function checkServerStatus(ip, statusElement) {
if (!ip) {
statusElement.innerHTML = "Status: <span style='color: #ffcc00;'>Unknown</span>";
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: <span style='color: #00ff00;'>Online</span>";
} else {
statusElement.innerHTML = "Status: <span style='color: #ff0000;'>Offline</span>";
}
})
.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);
};

View File

@ -6,43 +6,16 @@
<title>EaglerArchive</title> <title>EaglerArchive</title>
<link rel="stylesheet" href="./stylesheet.css"> <link rel="stylesheet" href="./stylesheet.css">
<link rel="stylesheet" href="./nav_bar.css"> <link rel="stylesheet" href="./nav_bar.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(function(){
$("#nav_bar").load("./navbar.html");
});
</script>
</head> </head>
<body> <body>
<div id="nav_bar"></div>
<div id="nav_bar">
<div id="EaglerArchive">
<a id="link_EaglerArchive" href="./index.html">
<img id="logo" src="./assets/images/EaglerArchive.png" alt="EaglerArchive">
<p>EaglerArchive</p>
</a>
<a class="link-nav_bar" href="./index.html">
<img class="icon_link" src="./assets/icons/SF Symbols/house_fill.png" alt="home_icon">
<p>Home</p>
</a>
<a class="link-nav_bar" href="./archive.html">
<img class="icon_link" src="./assets/icons/SF Symbols/square_stack_3d_down_right_fill.png" alt="archive_icon">
<p>Archive</p>
</a>
<a class="link-nav_bar" href="./servers.html">
<img alt="server_icon" src="./assets/icons/SF Symbols/hexagon.png" class="icon_link">
<p>Servers</p>
</a>
<a class="link-nav_bar" href="./info.html">
<img class="icon_link" src="./assets/icons/SF Symbols/exclamationmark.png" alt="info_icon">
<p>Info</p>
</a>
<a class="link-nav_bar" href="./about.html">
<img class="icon_link" src="./assets/icons/SF Symbols/question.png" alt="about_icon">
<p>About</p>
</a>
</div>
<a class="link-nav_bar blurple" id="link_discord" href="https://discord.gg/" target="_blank">
<img class="icon_link" src="./assets/images/Discord-icon-modified.png" alt="discord_icon">
<p>Discord</p>
</a>
</div>
<div id="view"> <div id="view">
<div class="page-title"> <div class="page-title">
@ -105,6 +78,9 @@
</div> </div>
<div class="footer">
<p>© 2024 EaglerArchive</p>
</div>
</body> </body>
</html> </html>

45
navbar.html Normal file
View File

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./stylesheet.css">
<link rel="stylesheet" href="./nav_bar.css">
</head>
<body>
<div id="EaglerArchive">
<a id="link_EaglerArchive" href="./index.html">
<img id="logo" src="./assets/images/EaglerArchive.png" alt="EaglerArchive">
<p>EaglerArchive</p>
</a>
<a class="link-nav_bar" href="./index.html">
<img class="icon_link" src="./assets/icons/SF Symbols/house_fill.png" alt="home_icon">
<p>Home</p>
</a>
<a class="link-nav_bar" href="./archive.html">
<img class="icon_link" src="./assets/icons/SF Symbols/square_stack_3d_down_right_fill.png" alt="archive_icon">
<p>Archive</p>
</a>
<a class="link-nav_bar" href="./servers.html">
<img alt="server_icon" src="./assets/icons/SF Symbols/hexagon.png" class="icon_link">
<p>Servers</p>
</a>
<a class="link-nav_bar" href="./info.html">
<img class="icon_link" src="./assets/icons/SF Symbols/exclamationmark.png" alt="info_icon">
<p>Info</p>
</a>
<a class="link-nav_bar" href="./about.html">
<img class="icon_link" src="./assets/icons/SF Symbols/question.png" alt="about_icon">
<p>About</p>
</a>
</div>
<a class="link-nav_bar blurple" id="link_discord" href="https://discord.gg/" target="_blank">
<img class="icon_link" src="./assets/images/Discord-icon-modified.png" alt="discord_icon">
<p>Discord</p>
</a>
</body>
</html>

View File

@ -8,6 +8,13 @@
<link rel="stylesheet" href="./nav_bar.css"> <link rel="stylesheet" href="./nav_bar.css">
<link rel="stylesheet" href="./servers_stylesheet.css"> <link rel="stylesheet" href="./servers_stylesheet.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(function(){
$("#nav_bar").load("./navbar.html");
});
</script>
<script type="text/javascript"> <script type="text/javascript">
window.addEventListener("load", () => { window.addEventListener("load", () => {
go(); go();
@ -23,41 +30,7 @@
</script> </script>
</head> </head>
<body> <body>
<div id="nav_bar"> <div id="nav_bar"></div>
<div id="EaglerArchive">
<a id="link_EaglerArchive" href="./index.html">
<img id="logo" src="./assets/images/EaglerArchive.png" alt="EaglerArchive">
<p>EaglerArchive</p>
</a>
<a class="link-nav_bar" href="./index.html">
<img class="icon_link" src="./assets/icons/SF Symbols/house_fill.png" alt="home_icon">
<p>Home</p>
</a>
<a class="link-nav_bar" href="./archive.html">
<img class="icon_link" src="./assets/icons/SF Symbols/square_stack_3d_down_right_fill.png"
alt="archive_icon">
<p>Archive</p>
</a>
<a class="link-nav_bar" href="./servers.html">
<img alt="server_icon" src="./assets/icons/SF Symbols/hexagon.png" class="icon_link">
<p>Servers</p>
</a>
<a class="link-nav_bar" href="./info.html">
<img class="icon_link" src="./assets/icons/SF Symbols/exclamationmark.png" alt="info_icon">
<p>Info</p>
</a>
<a class="link-nav_bar" href="./about.html">
<img class="icon_link" src="./assets/icons/SF Symbols/question.png" alt="about_icon">
<p>About</p>
</a>
</div>
<a class="link-nav_bar blurple" id="link_discord" href="https://discord.gg/xi" target="_blank">
<img class="icon_link" src="./assets/images/Discord-icon-modified.png" alt="discord_icon">
<p>Discord</p>
</a>
</div>
<div id="view"> <div id="view">
<div class="page-title"> <div class="page-title">
@ -69,65 +42,69 @@
<p>EaglercraftX 1.8 Server List</p> <p>EaglercraftX 1.8 Server List</p>
</div> </div>
<div class="server-embed-container"> <div class="box-container">
<div class="server-embed-container">
<p class="server-name">VanillaCraftSMP</p> <p class="server-name">VanillaCraftSMP</p>
<div id="vanilla-embed" class="server-embed"></div> <div id="vanilla-embed" class="server-embed"></div>
<script type="text/javascript" src="./assets/scripts/embed.js"></script> <script type="text/javascript" src="./assets/scripts/embed.js"></script>
<div class="server-info"> <div class="server-info">
<div> <div>
<p>Info:</p> <p>Info:</p>
</div> </div>
<div> <div>
<p>IPs:</p> <p>IPs:</p>
</div> </div>
</div> </div>
</div> </div>
<div class="server-embed-container"> <div class="server-embed-container">
<p class="server-name">Zentic</p> <p class="server-name">Zentic</p>
<div id="zentic-embed" class="server-embed"></div> <div id="zentic-embed" class="server-embed"></div>
<script type="text/javascript" src="./assets/scripts/embed.js"></script> <script type="text/javascript" src="./assets/scripts/embed.js"></script>
<div class="server-info"> <div class="server-info">
<div> <div>
<h3>Info:</h3> <p>Info:</p>
<ul> <ul>
<li> <li>
<p>Bedwars</p> <p>Bedwars</p>
</li> </li>
<li> <li>
<p>Practice</p> <p>Practice</p>
</li> </li>
</ul> </ul>
</div> </div>
<div> <div>
<h3>IPs:</h3> <p>IPs:</p>
</div>
</div> </div>
</div> </div>
</div>
<div class="server-embed-container">
<div class="server-embed-container"> <p class="server-name">Server Name</p>
<p class="server-name">Server Name</p> <!----- change this id -------------------------------------- -->
<!----- change this id -------------------------------------- --> <div id="serverid" class="server-embed"></div>
<div id="serverid" class="server-embed"></div>
<script type="text/javascript" src="./assets/scripts/embed.js"></script>
<script type="text/javascript" src="./assets/scripts/embed.js"></script>
<div class="server-info">
<div class="server-info"> <div>
<div> <p>Info:</p>
<p>Info:</p> </div>
</div> <div>
<div> <p>IPs:</p>
<p>IPs:</p> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,3 +1,10 @@
.box-container {
display: grid;
grid-template-columns: repeat(3, 2fr);
gap: 30px;
max-width: 100%;
}
.server-embed-container { .server-embed-container {
margin-bottom: 20px; margin-bottom: 20px;
padding: 10px; padding: 10px;
@ -11,8 +18,6 @@
} }
.server-embed { .server-embed {
width: 900px;
height: 140px;
background-color: black; background-color: black;
margin: 10px 0; margin: 10px 0;
} }
@ -21,7 +26,7 @@
margin-bottom: 10px; margin-bottom: 10px;
} }
.server-info div:first-child { .server-info div {
font-family: 'SF-Bold'; font-family: 'SF-Bold';
} }

View File

@ -35,7 +35,8 @@ body {
#view { #view {
color: white; color: white;
width: 100%;; width: 100%;
height: 100vh;
padding-left: var(--side_distance); padding-left: var(--side_distance);
padding-right: var(--side_distance); padding-right: var(--side_distance);
padding-bottom: 30px; padding-bottom: 30px;
@ -54,6 +55,15 @@ body {
text-align: center; text-align: center;
} }
.footer {
width: 100%;
height: 50px;
background-color: #333;
color: white;
padding-top: 15px;
}
.page-title { .page-title {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -87,7 +97,7 @@ body {
.box-container { .box-container {
display: grid; display: grid;
grid-template-columns: repeat(3, 2fr); grid-template-columns: repeat(3, 1fr);
gap: 30px; gap: 30px;
max-width: 100%; max-width: 100%;
} }