113 lines
6.1 KiB
HTML
113 lines
6.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>My-MC.Link | Server List</title>
|
|
<link rel="icon" href="https://minecraft.wiki/images/Favicon.png" type="image/png">
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap" rel="stylesheet">
|
|
<link href="https://my-mc.link/css/style.min.css?p=" rel="stylesheet">
|
|
<link href="https://my-mc.link/favicon.ico" rel="icon" type="image/x-icon">
|
|
<link href="https://list.my-mc.link/style.css" rel="stylesheet">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Hamburger Menu Icon (visible on mobile) -->
|
|
<button class="hamburger md:hidden flex flex-col justify-center items-center w-10 h-10 focus:outline-none"
|
|
style="z-index: 99999; position: fixed; top: 1rem; right: 1rem; pointer-events: auto;">
|
|
<span class="bar w-6 h-0.5 bg-teal-400 mb-1.5 transition-all duration-300"></span>
|
|
<span class="bar w-6 h-0.5 bg-teal-400 mb-1.5 transition-all duration-300"></span>
|
|
<span class="bar w-6 h-0.5 bg-teal-400 transition-all duration-300"></span>
|
|
</button>
|
|
<!-- Mobile Navigation Menu -->
|
|
<nav class="mobile-nav mobile-nav-container hidden fixed inset-0 bg-gray-900/98 flex-col items-center justify-center md:hidden"
|
|
data-mobile-nav style="z-index: 99998; position: fixed; inset: 0; pointer-events: auto;">
|
|
<ul class="text-center">
|
|
<li class="mb-6">
|
|
<a href="https://panel.my-mc.link"
|
|
class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400"
|
|
target="_blank">Panel</a>
|
|
</li>
|
|
<li class="mb-6">
|
|
<a href="https://stats.my-mc.link"
|
|
class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400">System
|
|
Stats</a>
|
|
</li>
|
|
<li class="mb-6">
|
|
<a href="https://status.my-mc.link"
|
|
class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400"
|
|
target="_blank">Check MC Status</a>
|
|
</li>
|
|
<li class="mb-6">
|
|
<a href="https://info.my-mc.link"
|
|
class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400"
|
|
target="_blank">Wiki</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<!-- Particles.js Container -->
|
|
<div id="particles-js" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;"></div>
|
|
|
|
<header class="header-bg py-16 text-center relative z-2">
|
|
<div class="header-content flex items-center justify-between max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div>
|
|
<h1
|
|
class="text-5xl minecraft-font bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
|
|
My-MC.Link Servers</h1>
|
|
<p class="text-lg mt-4 opacity-90 tracking-wide font-medium">Explore Public Minecraft Servers</p>
|
|
</div>
|
|
<!-- Navigation Buttons (hidden on mobile) -->
|
|
<nav class="flex items-center gap-2 hidden md:flex">
|
|
<a href="https://my-mc.link" class="nav-btn">Home</a>
|
|
<a href="https://panel.my-mc.link" class="nav-btn">Panel</a>
|
|
<a href="https://stats.my-mc.link" class="nav-btn">System Stats</a>
|
|
<a href="https://status.my-mc.link" class="nav-btn" target="_blank">MC Status</a>
|
|
<a href="https://info.my-mc.link" class="nav-btn" target="_blank">Wiki</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-16 relative z-2">
|
|
<section class="section-bg p-8 sm:p-10 mb-12">
|
|
<h2
|
|
class="text-3xl minecraft-font mb-8 text-center bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
|
|
Public Server List</h2>
|
|
<div class="text-center">
|
|
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
|
|
Discover servers publicly hosted on My-MC.<BR>
|
|
<small>Our public realms list resets daily at 12:00 AM EST.</small>
|
|
</p>
|
|
</div>
|
|
<div class="search-container">
|
|
<input type="text" id="search-input" class="search-input"
|
|
placeholder="Search by owner, MOTD, version, or status..." autofocus>
|
|
</div>
|
|
<div id="server-list" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
|
|
<!-- Server cards will be dynamically inserted here -->
|
|
</div>
|
|
<p id="loading-message" class="text-center text-gray-400 mt-8">Loading servers...</p>
|
|
<p id="error-message" class="text-center text-red-400 mt-8 hidden">Failed to load servers. Please try again
|
|
later.</p>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- Particles.js Container -->
|
|
<div id="particles-js" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;"></div>
|
|
<footer class="bg-gray-900/20 backdrop-filter backdrop-blur-xl py-8 text-center relative z-10">
|
|
<p class="text-sm opacity-90">© 2025 My-MC.Link. All rights reserved.</p>
|
|
<p class="text-sm opacity-90 mt-3">
|
|
Powered by <a href="https://holesail.io" class="underline" target="_blank">Holesail</a> with services
|
|
donated by <a href="https://raven-scott.fyi" class="underline">SNXRaven</a>
|
|
</p>
|
|
</footer>
|
|
<script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js">
|
|
</script>
|
|
|
|
<script src="https://my-mc.link/js/main.js"></script>
|
|
<script src="https://list.my-mc.link/server_list.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |