EaglerArchive/servers.html

137 lines
4.6 KiB
HTML

<!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">
<link rel="stylesheet" href="./servers_stylesheet.css">
<script type="text/javascript">
window.addEventListener("load", () => {
go();
});
async function go() {
document.getElementsByClassName("server-embed")[0].innerHTML = "";
await new ServerEmbed(document.getElementById("vanilla-embed")).ping("wss://vanillacraftsmp.us.to"),
await new ServerEmbed(document.getElementById("zentic-embed")).ping("wss://zentic.cc")
await new ServerEmbed(document.getElementById("serverId")).ping("")
await new ServerEmbed(document.getElementById("serverId")).ping("")
await new ServerEmbed(document.getElementById("serverId")).ping("")
}
</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="view">
<div class="page-title">
<hr>
<h1>Servers</h1>
<hr>
</div>
<div class="page-subtitle">
<p>EaglercraftX 1.8 Server List</p>
</div>
<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>
</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>
</div>
</div>
</div>
</body>
</html>