hypermc/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add ham menu

Browse Source
This commit is contained in:
snxraven
2025-07-03 22:00:41 -04:00
parent 7a409d199c
commit ab04d67c0d
9 changed files with 2527 additions and 211 deletions
Download Patch File Download Diff File Expand all files Collapse all files

218
wiki/api/index.html
View File

@ -7,7 +7,7 @@
<title>My-MC.Link API Wiki</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=5" rel="stylesheet">
<link href="https://my-mc.link/css/style.min.css?p=5" rel="stylesheet">
<link href="https://my-mc.link/favicon.ico" rel="icon" type="image/x-icon">
<!-- Prism.js for syntax highlighting -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-okaidia.min.css" rel="stylesheet">
@ -89,6 +89,25 @@
transform: translateX(10px);
background: rgba(255, 255, 255, 0.05);
}
/* Ensure endpoint cards are visible */
.feature-card {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
position: relative;
z-index: 10;
background: rgba(17, 24, 39, 0.8);
backdrop-filter: blur(10px);
border-radius: 12px;
padding: 1.5rem;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.tilt-card {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
@media (max-width: 640px) {
.toc {
padding: 1rem;
@ -108,21 +127,44 @@
</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; background: transparent;">
<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 flex-col items-center justify-center md:hidden" data-mobile-nav style="z-index: 99998; position: fixed; inset: 0; pointer-events: auto; background: rgba(17, 24, 39, 0.98); backdrop-filter: blur(10px);">
<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>
</ul>
</nav>
<!-- Particle Effects -->
<div class="particle" style="left: 10%; top: 20%; animation-delay: 0s;"></div>
<div class="particle large" style="left: 30%; top: 50%; animation-delay: 2s;"></div>
<div class="particle" style="left: 50%; top: 30%; animation-delay: 4s;"></div>
<div class="particle large" style="left: 70%; top: 60%; animation-delay: 6s;"></div>
<div class="particle" style="left: 20%; top: 80%; animation-delay: 8s;"></div>
<div class="particle"></div>
<div class="particle large"></div>
<div class="particle"></div>
<div class="particle large"></div>
<div class="particle"></div>
<header class="header-bg py-16 text-center relative z-10">
<header class="header-bg py-16 text-center relative z-1">
<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">
<a href="https://info.my-mc.link/">My-MC.Link API Wiki</a></h1>
<p class="text-lg mt-4 opacity-90 tracking-wide font-medium">Documentation for My-MC.Link REST API</p>
My-MC.Link</h1>
<p class="text-lg mt-4 opacity-90 tracking-wide font-medium">Futuristic Free Minecraft Hosting</p>
</div>
<a href="https://my-mc.link" class="btn-minecraft text-base self-center" target="_blank">Home</a>
<!-- Navigation Buttons (hidden on mobile) -->
<nav class="flex items-center gap-2 hidden md:flex">
<a href="https://my-mc.link" class="nav-btn" target="_blank">Go Home</a>
</nav>
</div>
</header>
@ -481,63 +523,60 @@ unirest
}</code></pre>
</div>
<!-- GET /status/{type} -->
<div class="feature-card tilt-card">
<h3 id="get-status-type" class="text-xl minecraft-font mb-3 text-teal-400">GET /status/{type}</h3>
<p class="text-sm opacity-90 leading-relaxed mb-4">Retrieve the status and connection details for your server. Type can be 'Minecraft', 'Bedrock', or 'SFTP'.</p>
<div class="code-block-wrapper">
<pre class="language-javascript"><code>var unirest = require('unirest');
const type = 'Minecraft'; // Can be 'Minecraft', 'Bedrock', or 'SFTP';
unirest
.get(`https://api.my-mc.link/status/${type}`)
.headers({
'Accept': 'application/json',
'Content-Type': 'application/json',
'x-my-mc-auth': 'TokenHere'
})
.then((response) => {
if (response.body.success) {
console.log('Connection Details:', response.body.connection);
console.log('Status:', response.body.status);
} else {
console.error('Error:', response.body.message);
}
})
.catch((err) => {
console.error('Request Failed:', err.message);
});</code></pre>
<button class="copy-button" onclick="copyCode(this)">Copy</button>
</div>
<p class="text-sm opacity-90 leading-relaxed mt-4"><strong>Response:</strong></p>
<pre class="language-json"><code>{
success: true,
connection: {
hostname: 'my-mc.link',
port: '37505',
connect: 'my-mc.link:37505'
},
status: {
isOnline: true,
data: {
version: { name: {}, protocol: 770 },
players: { max: 5, online: 0, sample: [] },
motd: {
raw: 'My Test Server',
clean: 'My Test Server',
html: '<span><span>My Test Server</span></span>'
},
favicon: null,
srv_record: null,
mods: null
}
}
}</code></pre>
</div>
</div>
</section>
<!-- GET /status/{type} -->
<div class="feature-card tilt-card">
<h3 id="get-status-type" class="text-xl minecraft-font mb-3 text-teal-400">GET /status/{type}</h3>
<p class="text-sm opacity-90 leading-relaxed mb-4">Retrieve the status and connection details for your server. Type can be 'Minecraft', 'Bedrock', or 'SFTP'.</p>
<div class="code-block-wrapper">
<pre class="language-javascript"><code>var unirest = require('unirest');
const type = 'Minecraft'; // Can be 'Minecraft', 'Bedrock', or 'SFTP';
unirest
.get(`https://api.my-mc.link/status/${type}`)
.headers({
'Accept': 'application/json',
'Content-Type': 'application/json',
'x-my-mc-auth': 'TokenHere'
})
.then((response) => {
if (response.body.success) {
console.log('Connection Details:', response.body.connection);
console.log('Status:', response.body.status);
} else {
console.error('Error:', response.body.message);
}
})
.catch((err) => {
console.error('Request Failed:', err.message);
});</code></pre>
<button class="copy-button" onclick="copyCode(this)">Copy</button>
</div>
<p class="text-sm opacity-90 leading-relaxed mt-4"><strong>Response:</strong></p>
<pre class="language-json"><code>{
success: true,
connection: {
hostname: 'my-mc.link',
port: '37505',
connect: 'my-mc.link:37505'
},
status: {
isOnline: true,
data: {
version: { name: {}, protocol: 770 },
players: { max: 5, online: 0, sample: [] },
motd: {
raw: 'My Test Server',
clean: 'My Test Server',
html: '<span><span>My Test Server</span></span>'
},
favicon: null,
srv_record: null,
mods: null
}
}
}</code></pre>
</div>
<!-- GET /list-players -->
<div class="feature-card tilt-card">
@ -745,7 +784,7 @@ unirest
<p class="text-sm opacity-90 leading-relaxed mb-4">Give items to a specific user.</p>
<p class="text-sm opacity-90 leading-relaxed mb-2"><strong>Payload:</strong></p>
<div class="code-block-wrapper">
<pre class="language-json"><code>{"username": "snxravenmc", item: "torch", amount: 1}</code></pre>
<pre class="language-json"><code>{"username": "snxravenmc", "item": "torch", "amount": 1}</code></pre>
<button class="copy-button" onclick="copyCode(this)">Copy</button>
</div>
<div class="code-block-wrapper">
@ -754,7 +793,7 @@ unirest
unirest
.post('https://api.my-mc.link/give')
.headers({'Accept': 'application/json', 'Content-Type': 'application/json', 'x-my-mc-auth': 'TokenHere'})
.send({"username": "snxravenmc", item: "torch", amount: 1})
.send({"username": "snxravenmc", "item": "torch", "amount": 1})
.then((response) => {
console.log(response.body)
})</code></pre>
@ -907,6 +946,8 @@ unirest
]
}</code></pre>
</div>
</div>
</section>
<section id="explore-more" class="section-bg p-8 sm:p-10 text-center mb-12">
<h2 class="text-3xl minecraft-font mb-6 bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
@ -947,7 +988,44 @@ unirest
});
}
</script>
<script src="../../mc/js/main.js"></script>
<!-- <script src="https://my-mc.link/js/main.js"></script> -->
<script>
// Hamburger Menu Toggle
const hamburger = document.querySelector('.hamburger');
const mobileNav = document.querySelector('[data-mobile-nav]');
const navLinks = mobileNav.querySelectorAll('a');
// Debounce function to prevent rapid clicks
function debounce(fn, wait) {
let timeout;
return function (...args) {
clearTimeout(timeout);
timeout = setTimeout(() => fn.apply(this, args), wait);
};
}
hamburger.addEventListener('click', debounce(() => {
console.log('Hamburger clicked, toggling menu');
mobileNav.classList.toggle('active');
hamburger.classList.toggle('active');
}, 100));
navLinks.forEach(link => {
link.addEventListener('click', () => {
console.log('Nav link clicked, closing menu');
mobileNav.classList.remove('active');
hamburger.classList.remove('active');
});
});
document.addEventListener('click', (e) => {
if (!mobileNav.contains(e.target) && !hamburger.contains(e.target) && mobileNav.classList.contains('active')) {
console.log('Clicked outside, closing menu');
mobileNav.classList.remove('active');
hamburger.classList.remove('active');
}
});
</script>
</body>
</html>

38
wiki/index.html
View File

@ -7,7 +7,7 @@
<title>My-MC.Link Wiki</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=5" rel="stylesheet">
<link href="https://my-mc.link/css/style.min.css?p=5" rel="stylesheet">
<link href="https://my-mc.link/favicon.ico" rel="icon" type="image/x-icon">
<style>
/* Table of Contents Styles */
@ -75,17 +75,38 @@
<div class="particle large" style="left: 70%; top: 60%; animation-delay: 6s;"></div>
<div class="particle" style="left: 20%; top: 80%; animation-delay: 8s;"></div>
<header class="header-bg py-16 text-center relative z-10">
<header class="header-bg py-16 text-center relative z-1">
<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">
<a href="https://info.my-mc.link/">My-MC.Link Wiki</a></h1>
<p class="text-lg mt-4 opacity-90 tracking-wide font-medium">Your Guide to Free Minecraft Hosting</p>
<h1 class="text-5xl minecraft-font bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
My-MC.Link</h1>
<p class="text-lg mt-4 opacity-90 tracking-wide font-medium">Futuristic Free Minecraft Hosting</p>
</div>
<a href="https://my-mc.link" class="btn-minecraft text-base self-center" target="_blank">Home</a>
<!-- 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">
<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>
<!-- Navigation Buttons (hidden on mobile) -->
<nav class="flex items-center gap-2 hidden md:flex">
<a href="https://my-mc.link" class="nav-btn" target="_blank">Go Home</a>
</nav>
</div>
<!-- Mobile Navigation Menu -->
<nav class="mobile-nav mobile-nav-container hidden fixed inset-0 bg-gray-900/98 backdrop-filter backdrop-blur-xl z-50 flex-col items-center justify-center md:hidden" data-mobile-nav>
<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>
</ul>
</nav>
</header>
<!-- Table of Contents -->
@ -96,6 +117,7 @@
<li><a href="#limitations">Limitations</a></li>
<li><a href="#getting-started">Getting Started</a></li>
<li><a href="#connecting-to-your-server">Connecting to Your Server</a></li>
<li><a href="https://status.my-mc.link/" target="_blank">My-MC Server Status Checker</a></li>
<li><a href="#geyser-support">Geyser Support</a></li>
<li><a href="#mod-management">Mod Management</a></li>
<li><a href="#remote-console-access">Remote Console Access</a></li>

55
wiki/mymc-java/index.html
View File

@ -7,7 +7,7 @@
<title>MyMCLib Library Documentation</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=5" rel="stylesheet">
<link href="https://my-mc.link/css/style.min.css?p=5" rel="stylesheet">
<link href="https://my-mc.link/favicon.ico" rel="icon" type="image/x-icon">
<!-- Prism.js for syntax highlighting -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-okaidia.min.css" rel="stylesheet">
@ -99,21 +99,44 @@
</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; background: transparent;">
<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 flex-col items-center justify-center md:hidden" data-mobile-nav style="z-index: 99998; position: fixed; inset: 0; pointer-events: auto; background: rgba(17, 24, 39, 0.98); backdrop-filter: blur(10px);">
<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>
</ul>
</nav>
<!-- Particle Effects -->
<div class="particle" style="left: 10%; top: 20%; animation-delay: 0s;"></div>
<div class="particle large" style="left: 30%; top: 50%; animation-delay: 2s;"></div>
<div class="particle" style="left: 50%; top: 30%; animation-delay: 4s;"></div>
<div class="particle large" style="left: 70%; top: 60%; animation-delay: 6s;"></div>
<div class="particle" style="left: 20%; top: 80%; animation-delay: 8s;"></div>
<div class="particle"></div>
<div class="particle large"></div>
<div class="particle"></div>
<div class="particle large"></div>
<div class="particle"></div>
<header class="header-bg py-16 text-center relative z-10">
<header class="header-bg py-16 text-center relative z-1">
<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">
<a href="https://info.my-mc.link/">MyMCLib Library Documentation</a></h1>
<p class="text-lg mt-4 opacity-90 tracking-wide font-medium">Java Library for My-MC.Link API</p>
My-MC.Link</h1>
<p class="text-lg mt-4 opacity-90 tracking-wide font-medium">Futuristic Free Minecraft Hosting</p>
</div>
<a href="https://my-mc.link" class="btn-minecraft text-base self-center" target="_blank">Home</a>
<!-- Navigation Buttons (hidden on mobile) -->
<nav class="flex items-center gap-2 hidden md:flex">
<a href="https://my-mc.link" class="nav-btn" target="_blank">Go Home</a>
</nav>
</div>
</header>
@ -170,11 +193,11 @@
To use the <code class="bg-gray-800 text-teal-400 px-1 rounded">MyMCLib</code> library in your project, install it via Maven:
</p>
<div class="code-block-wrapper">
<pre class="language-xml"><code>&lt;dependency&gt;
&lt;groupId&gt;io.github.mrmasrozytlive&lt;/groupId&gt;
&lt;artifactId&gt;mymc-java-lib&lt;/artifactId&gt;
&lt;version&gt;1.2.0&lt;/version&gt;
&lt;/dependency&gt;</code></pre>
<pre class="language-xml"><code><dependency>
<groupId>io.github.mrmasrozytlive</groupId>
<artifactId>mymc-java-lib</artifactId>
<version>1.2.0</version>
</dependency></code></pre>
<button class="copy-button" onclick="copyCode(this)">Copy</button>
</div>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
@ -223,7 +246,7 @@ public class YourClass {
<p class="text-sm opacity-90 leading-relaxed mt-4"><strong>Output:</strong></p>
<div class="code-block-wrapper">
<pre class="language-json"><code>{
success: true,
(success: true,
keyexpireString: 'Tue Apr 15 2025 06:14:59 GMT-0400 (Eastern Daylight Time)',
expireDate: '2025-04-15T10:14:59.000Z',
expireEpoch: 1744712099000

64
wiki/mymc-lib/index.html
View File

@ -7,7 +7,7 @@
<title>MyMCLib Library Documentation</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=5" rel="stylesheet">
<link href="https://my-mc.link/css/style.min.css?p=5" rel="stylesheet">
<link href="https://my-mc.link/favicon.ico" rel="icon" type="image/x-icon">
<!-- Prism.js for syntax highlighting -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-okaidia.min.css" rel="stylesheet">
@ -83,6 +83,25 @@
transform: translateX(10px);
background: rgba(255, 255, 255, 0.05);
}
/* Ensure code example cards are visible */
.feature-card {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
position: relative;
z-index: 10;
background: rgba(17, 24, 39, 0.8);
backdrop-filter: blur(10px);
border-radius: 12px;
padding: 1.5rem;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.tilt-card {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
@media (max-width: 640px) {
.toc {
padding: 1rem;
@ -99,21 +118,44 @@
</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; background: transparent;">
<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 flex-col items-center justify-center md:hidden" data-mobile-nav style="z-index: 99998; position: fixed; inset: 0; pointer-events: auto; background: rgba(17, 24, 39, 0.98); backdrop-filter: blur(10px);">
<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>
</ul>
</nav>
<!-- Particle Effects -->
<div class="particle" style="left: 10%; top: 20%; animation-delay: 0s;"></div>
<div class="particle large" style="left: 30%; top: 50%; animation-delay: 2s;"></div>
<div class="particle" style="left: 50%; top: 30%; animation-delay: 4s;"></div>
<div class="particle large" style="left: 70%; top: 60%; animation-delay: 6s;"></div>
<div class="particle" style="left: 20%; top: 80%; animation-delay: 8s;"></div>
<div class="particle"></div>
<div class="particle large"></div>
<div class="particle"></div>
<div class="particle large"></div>
<div class="particle"></div>
<header class="header-bg py-16 text-center relative z-10">
<header class="header-bg py-16 text-center relative z-1">
<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">
<a href="https://info.my-mc.link/"> MyMCLib Library Documentation</a></h1>
<p class="text-lg mt-4 opacity-90 tracking-wide font-medium">A JavaScript library for interacting with the My-MC.Link API</p>
My-MC.Link</h1>
<p class="text-lg mt-4 opacity-90 tracking-wide font-medium">Futuristic Free Minecraft Hosting</p>
</div>
<a href="https://my-mc.link" class="btn-minecraft text-base self-center" target="_blank">Home</a>
<!-- Navigation Buttons (hidden on mobile) -->
<nav class="flex items-center gap-2 hidden md:flex">
<a href="https://my-mc.link" class="nav-btn" target="_blank">Go Home</a>
</nav>
</div>
</header>
@ -571,7 +613,7 @@ console.log(installedMods);</code></pre>
});
}
</script>
<script src="../../mc/js/main.js"></script>
<script src="https://my-mc.link/js/main.js"></script>
</body>
</html>