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 name="viewport" content="width=device-width, initial-scale=1.0">
<title>EaglerArchive</title>
<link rel="stylesheet" href="../../stylesheet.css">
<link rel="stylesheet" href="../../nav_bar.css">
<link rel="stylesheet" href="../archive_stylesheet.css">
<link rel="stylesheet" href="./stylesheet.css">
<link rel="stylesheet" href="./nav_bar.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>
<body>
<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="nav_bar"></div>
<div id="view">
<div class="page-title">
@ -64,9 +37,9 @@
<input class="accordion-checkbox" type="checkbox" name="accordion" id="item1">
<label for="item1">
<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">
<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>
</div>
</label>
@ -74,33 +47,33 @@
<div class="client-item">
<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>
</div>
<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="./clients/1.8/Resent/Resent_3.3.2_patch_1_1.8_US.html" download>Download</a>
<a href="./Eagtek" target="_blank">Play</a>
<a href="./Eagtek" download>Download</a>
</div>
</div>
<div class="client-item">
<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>
</div>
<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="./clients/1.8/Resent/Resent_3.3.2_patch_1_1.8_US.html" download>Download</a>
<a href="./Eagtek" target="_blank">Play</a>
<a href="./Eagtek" download>Download</a>
</div>
</div>
<div class="client-item">
<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>
</div>
<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="./clients/1.8/Resent/Resent_3.3.2_patch_1_1.8_US.html" download>Download</a>
<a href="./Eagtek" target="_blank">Play</a>
<a href="./Eagtek" download>Download</a>
</div>
</div>
@ -112,21 +85,21 @@
<input class="accordion-checkbox" type="checkbox" name="accordion" id="item2">
<label for="item2">
<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">
<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>
</div>
</label>
<div class="accordion-content" id="resent_content">
<div class="client-item">
<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>
</div>
<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="./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" target="_blank">Play</a>
<a href="./Resent/Resent_3.3.2_patch_1_1.8_US.html" download>Download</a>
</div>
</div>
@ -134,12 +107,12 @@
<div class="client-item">
<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>
</div>
<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="./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" target="_blank">Play</a>
<a href="./Resent/Resent_3.4_patch_1_1.8_US.html" download>Download</a>
</div>
</div>
@ -147,12 +120,12 @@
<div class="client-item">
<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>
</div>
<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="./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" target="_blank">Play</a>
<a href="./Resent/Resent_3.6_patch_1_1.8_US.html" download>Download</a>
</div>
</div>
@ -160,12 +133,12 @@
<div class="client-item">
<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>
</div>
<div class="client-item-buttons">
<a href="./clients/1.8/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" target="_blank">Play</a>
<a href="./Resent/Resent_3.7_International.html" download>Download</a>
</div>
</div>
@ -173,12 +146,12 @@
<div class="client-item">
<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>
</div>
<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="./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" target="_blank">Play</a>
<a href="./Resent/Resent_3.8_Patch-1_Offline_International.html" download>Download</a>
</div>
</div>
@ -186,12 +159,12 @@
<div class="client-item">
<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>
</div>
<div class="client-item-buttons">
<a href="./clients/1.8/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" target="_blank">Play</a>
<a href="./Resent/Resent-4.0-Patch-0-English.html" download>Download</a>
</div>
</div>
@ -199,12 +172,12 @@
<div class="client-item">
<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>
</div>
<div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a>
<a href="./Resent" target="_blank">Play</a>
<a href="./Resent" download>Download</a>
</div>
</div>
@ -212,12 +185,12 @@
<div class="client-item">
<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>
</div>
<div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a>
<a href="./Resent" target="_blank">Play</a>
<a href="./Resent" download>Download</a>
</div>
</div>
@ -225,12 +198,12 @@
<div class="client-item">
<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>
</div>
<div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a>
<a href="./Resent" target="_blank">Play</a>
<a href="./Resent" download>Download</a>
</div>
</div>
@ -238,12 +211,12 @@
<div class="client-item">
<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>
</div>
<div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a>
<a href="./Resent" target="_blank">Play</a>
<a href="./Resent" download>Download</a>
</div>
</div>
@ -251,12 +224,12 @@
<div class="client-item">
<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>
</div>
<div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a>
<a href="./Resent" target="_blank">Play</a>
<a href="./Resent" download>Download</a>
</div>
</div>
@ -264,12 +237,12 @@
<div class="client-item">
<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>
</div>
<div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a>
<a href="./Resent" target="_blank">Play</a>
<a href="./Resent" download>Download</a>
</div>
</div>
@ -277,12 +250,12 @@
<div class="client-item">
<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>
</div>
<div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a>
<a href="./Resent" target="_blank">Play</a>
<a href="./Resent" download>Download</a>
</div>
</div>
@ -290,12 +263,12 @@
<div class="client-item">
<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>
</div>
<div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a>
<a href="./Resent" target="_blank">Play</a>
<a href="./Resent" download>Download</a>
</div>
</div>
@ -303,12 +276,12 @@
<div class="client-item">
<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>
</div>
<div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a>
<a href="./Resent" target="_blank">Play</a>
<a href="./Resent" download>Download</a>
</div>
</div>
@ -316,12 +289,12 @@
<div class="client-item">
<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>
</div>
<div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a>
<a href="./Resent" target="_blank">Play</a>
<a href="./Resent" download>Download</a>
</div>
</div>
@ -329,12 +302,12 @@
<div class="client-item">
<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>
</div>
<div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a>
<a href="./Resent" target="_blank">Play</a>
<a href="./Resent" download>Download</a>
</div>
</div>
@ -342,12 +315,12 @@
<div class="client-item">
<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>
</div>
<div class="client-item-buttons">
<a href="./clients/1.8/Resent" target="_blank">Play</a>
<a href="./clients/1.8/Resent" download>Download</a>
<a href="./Resent" target="_blank">Play</a>
<a href="./Resent" download>Download</a>
</div>
</div>

View File

@ -8,45 +8,17 @@
<link rel="stylesheet" href="./stylesheet.css">
<link rel="stylesheet" href="./nav_bar.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>
<body>
<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="nav_bar"></div>
<div id="view">
<div class="page-title">
@ -69,7 +41,7 @@
<p>Eaglercraft 1.5 Clients</p>
</div>
</a>
<a class="box" href="./clients/1.8/1_8Clients.html">
<a class="box" href="./1_8Clients.html">
<div class="box-content">
<p>EaglercraftX 1.8 Clients</p>
</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>
<link rel="stylesheet" href="./stylesheet.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>
<body>
<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="nav_bar"></div>
<div id="view">
<div class="page-title">
@ -105,6 +78,9 @@
</div>
<div class="footer">
<p>© 2024 EaglerArchive</p>
</div>
</body>
</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="./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">
window.addEventListener("load", () => {
go();
@ -23,41 +30,7 @@
</script>
</head>
<body>
<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="nav_bar"></div>
<div id="view">
<div class="page-title">
@ -69,65 +42,69 @@
<p>EaglercraftX 1.8 Server List</p>
</div>
<div class="server-embed-container">
<div class="box-container">
<div class="server-embed-container">
<p class="server-name">VanillaCraftSMP</p>
<div id="vanilla-embed" class="server-embed"></div>
<script type="text/javascript" src="./assets/scripts/embed.js"></script>
<div class="server-info">
<div>
<p>Info:</p>
</div>
<div>
<p>IPs:</p>
</div>
</div>
</div>
<div class="server-embed-container">
<p class="server-name">Zentic</p>
<div id="zentic-embed" class="server-embed"></div>
<script type="text/javascript" src="./assets/scripts/embed.js"></script>
<div class="server-info">
<div>
<h3>Info:</h3>
<ul>
<li>
<p>Bedwars</p>
</li>
<li>
<p>Practice</p>
</li>
</ul>
</div>
<div>
<h3>IPs:</h3>
<p class="server-name">VanillaCraftSMP</p>
<div id="vanilla-embed" class="server-embed"></div>
<script type="text/javascript" src="./assets/scripts/embed.js"></script>
<div class="server-info">
<div>
<p>Info:</p>
</div>
<div>
<p>IPs:</p>
</div>
</div>
</div>
<div class="server-embed-container">
<p class="server-name">Zentic</p>
<div id="zentic-embed" class="server-embed"></div>
<script type="text/javascript" src="./assets/scripts/embed.js"></script>
<div class="server-info">
<div>
<p>Info:</p>
<ul>
<li>
<p>Bedwars</p>
</li>
<li>
<p>Practice</p>
</li>
</ul>
</div>
<div>
<p>IPs:</p>
</div>
</div>
</div>
</div>
<div class="server-embed-container">
<p class="server-name">Server Name</p>
<!----- change this id -------------------------------------- -->
<div id="serverid" class="server-embed"></div>
<script type="text/javascript" src="./assets/scripts/embed.js"></script>
<div class="server-info">
<div>
<p>Info:</p>
</div>
<div>
<p>IPs:</p>
<div class="server-embed-container">
<p class="server-name">Server Name</p>
<!----- change this id -------------------------------------- -->
<div id="serverid" class="server-embed"></div>
<script type="text/javascript" src="./assets/scripts/embed.js"></script>
<div class="server-info">
<div>
<p>Info:</p>
</div>
<div>
<p>IPs:</p>
</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 {
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';
}

View File

@ -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%;
}