<!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 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();
});
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>
<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="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>
<p>Info:</p>
<ul>
<li>
<p>Bedwars</p>
</li>
<li>
<p>Practice</p>
</li>
</ul>
</div>
<div>
<p>IPs:</p>
</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>
</div>
</body>
</html>