63 lines
4.1 KiB
HTML
63 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="description" content="Craft in a Matrix is a semi-anarchy Minecraft server.">
|
|
<meta name="keywords" content="minecraft, minecraft server, craft in a matrix, deepslate, voxelmp, smp, mc"/>
|
|
<title>Craft in a Matrix</title>
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
|
<style>body{background-color:black;color:white;font-family:"Montserrat", sans-serif;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center}.center{text-align:center;top:50%;left:50%;position:absolute;transform:translate(-50%,-50%)}a{color:#1e6bb8;text-decoration:none}.btn{border:1px solid rgba(255, 255, 255, 0.2);padding:10px 24px;text-align:center;color:white;text-decoration:none;display:inline-block;font-size:20px;border-radius:0.3rem;margin-bottom:15px;transition:color 0.7s, background-color 0.7s, border-color 0.7s;position:relative}.btn:hover{background-color:white;border-color:white;color:black}.logo{max-width:100%;max-height:auto}.tooltip .tooltiptext{visibility:hidden;width:140px;background-color:black;color:white;border:1px solid white;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-75px;opacity:0;transition:opacity 0.3s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}</style>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="center">
|
|
<header>
|
|
<img class="logo" src="logo.webp" width="350px" alt="Craft in a Matrix"></img>
|
|
<h2>A semi-anarchy Minecraft server.</h2>
|
|
</header>
|
|
<a class="btn tooltip" onclick="copyIP()" onmouseout="resetTooltip()"><i class="fa fa-clipboard" aria-hidden="true"></i> <u style="border-bottom: 2px dotted #fff;text-decoration: none;"><b>craft.inamatrix.xyz</b></u><span class="tooltiptext" id="tooltiptext"></span></a>
|
|
<nav>
|
|
<a class="btn" href="https://matrix.to/#/#minecraft:chatinamatrix.xyz"><i class="fa fa-matrix-org" aria-hidden="true"></i> Matrix chat</a>
|
|
<a class="btn" href="https://pad.envs.net/sheet/#/2/sheet/edit/eG0nqXLNUmDBUC-rwwqYQnSL/"><i class="fa fa-map-marker" aria-hidden="true"></i> Coordinates</a>
|
|
</nav>
|
|
<p id="serverInfo">Version: Java 1.20.4</p>
|
|
</div>
|
|
<script>
|
|
function copyIP() {
|
|
navigator.clipboard.writeText("craft.inamatrix.xyz").then(() => {
|
|
const tooltip = document.getElementById('tooltiptext');
|
|
tooltip.textContent = 'Copied!';
|
|
});
|
|
}
|
|
|
|
function showTooltip() {
|
|
const tooltip = document.getElementById('tooltiptext');
|
|
tooltip.textContent = 'Click to copy';
|
|
}
|
|
|
|
function resetTooltip() {
|
|
const tooltip = document.getElementById('tooltiptext');
|
|
tooltip.textContent = 'Click to copy';
|
|
}
|
|
|
|
function fetchPlayerCount() {
|
|
fetch('https://mc-api.co/v1/ping/craft.inamatrix.xyz')
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
const serverInfoElement = document.getElementById('serverInfo');
|
|
const playersOnline = data.players.online;
|
|
const playersMax = data.players.max;
|
|
const playerCountText = document.createTextNode(`${playersOnline}/${playersMax} players online | `);
|
|
serverInfoElement.prepend(playerCountText);
|
|
})
|
|
.catch(error => console.error('Error fetching player count:', error));
|
|
}
|
|
|
|
window.onload = fetchPlayerCount;
|
|
</script>
|
|
</body>
|
|
</html> |