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

Add new particle system

Browse Source
This commit is contained in:
snxraven
2025-07-10 01:20:27 -04:00
parent 6bfb933305
commit f6185059fa
12 changed files with 1601 additions and 940 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
css/style.css
View File

@@ -566,4 +566,13 @@ footer a:hover {
font-size: 1rem; font-size: 1rem;
padding: 0.75rem 1.5rem; padding: 0.75rem 1.5rem;
} }
.glow-effect {
box-shadow: 0 0 15px 5px rgba(0, 246, 255, 0.8), 0 0 25px 10px rgba(0, 81, 255, 0.5);
transition: box-shadow 0.2s ease;
}
/* Optional: Remove glow when not active */
.no-glow {
box-shadow: none;
}
} }

10
css/style.min.css vendored
View File

@@ -356,6 +356,9 @@
.transform { .transform {
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
} }
.resize {
resize: both;
}
.list-inside { .list-inside {
list-style-position: inside; list-style-position: inside;
} }
@@ -1290,6 +1293,13 @@ footer a:hover {
font-size: 1rem; font-size: 1rem;
padding: 0.75rem 1.5rem; padding: 0.75rem 1.5rem;
} }
.glow-effect {
box-shadow: 0 0 15px 5px rgba(0, 246, 255, 0.8), 0 0 25px 10px rgba(0, 81, 255, 0.5);
transition: box-shadow 0.2s ease;
}
.no-glow {
box-shadow: none;
}
} }
@property --tw-rotate-x { @property --tw-rotate-x {
syntax: "*"; syntax: "*";

114
index.html
View File

@@ -13,31 +13,45 @@
<body> <body>
<!-- Hamburger Menu Icon (visible on mobile) --> <!-- 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;"> <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 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> <span class="bar w-6 h-0.5 bg-teal-400 transition-all duration-300"></span>
</button> </button>
<!-- Mobile Navigation Menu --> <!-- 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;"> <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"> <ul class="text-center">
<li class="mb-6"> <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> <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>
<li class="mb-6"> <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> <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>
<li class="mb-6"> <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> <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>
<li class="mb-6"> <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> <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> </li>
<li class="mb-6"> <li class="mb-6">
<a href="https://list.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">Server List</a> <a href="https://list.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">Server List</a>
</li> </li>
</ul> </ul>
</nav> </nav>
<!-- Particles.js Container -->
<div id="particles-js" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;"></div>
<!-- Particle Effects --> <!-- Particle Effects -->
<div class="particle"></div> <div class="particle"></div>
<div class="particle large"></div> <div class="particle large"></div>
@@ -48,7 +62,8 @@
<header class="header-bg py-16 text-center relative z-2"> <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 class="header-content flex items-center justify-between max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div> <div>
<h1 class="text-5xl minecraft-font bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500"> <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> My-MC.Link</h1>
<p class="text-lg mt-4 opacity-90 tracking-wide font-medium">Futuristic Free Minecraft Hosting</p> <p class="text-lg mt-4 opacity-90 tracking-wide font-medium">Futuristic Free Minecraft Hosting</p>
</div> </div>
@@ -71,7 +86,8 @@
frameborder="0" allow="autoplay;" allowfullscreen></iframe> frameborder="0" allow="autoplay;" allowfullscreen></iframe>
<img src="https://minecraft.wiki/images/Panorama_4.png" alt="Minecraft Panorama"> <img src="https://minecraft.wiki/images/Panorama_4.png" alt="Minecraft Panorama">
<div class="hero-content"> <div class="hero-content">
<h2 class="text-4xl minecraft-font mb-6 bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500"> <h2
class="text-4xl minecraft-font mb-6 bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
Craft Your Ultimate Fabric Server</h2> Craft Your Ultimate Fabric Server</h2>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
Host your Minecraft server for free with secure, low-latency P2P connections.<br>Enjoy encrypted Host your Minecraft server for free with secure, low-latency P2P connections.<br>Enjoy encrypted
@@ -83,7 +99,8 @@
</section> </section>
<section class="section-bg p-8 sm:p-10 mb-12"> <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"> <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">
What Sets Us Apart</h2> What Sets Us Apart</h2>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
<div class="feature-card tilt-card"> <div class="feature-card tilt-card">
@@ -110,91 +127,120 @@
</section> </section>
<section class="section-bg p-8 sm:p-10 mb-12"> <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"> <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">
My-MC Realms</h2> My-MC Realms</h2>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
My-MC Realms is a seamless alternative to Minecraft Realms, allowing you to connect to your Minecraft server directly from the Realms menu without needing the server address<br><br>Simply install the MyMcRealms mod within your client, run the <code class="bg-gray-800 text-teal-400 px-1 rounded">/my-mc-link</code> command to register a slot, and access your server with ease. My-MC Realms is a seamless alternative to Minecraft Realms, allowing you to connect to your Minecraft
server directly from the Realms menu without needing the server address<br><br>Simply install the
MyMcRealms mod within your client, run the <code
class="bg-gray-800 text-teal-400 px-1 rounded">/my-mc-link</code> command to register a slot, and
access your server with ease.
</p> </p>
<div class="flex justify-center mb-8"> <div class="flex justify-center mb-8">
<img src="img/my-mc-realms.webp" alt="MyMcRealms in action" class="max-w-full rounded-lg shadow-lg"> <img src="img/my-mc-realms.webp" alt="MyMcRealms in action" class="max-w-full rounded-lg shadow-lg">
</div> </div>
<p class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed">
<strong>Give the mod to your friends</strong><br>Once installed on your friends clients, they can access your server via the Realms menu.<br>No More Need For IPs or Ports! <strong>Give the mod to your friends</strong><br>Once installed on your friends clients, they can access
your server via the Realms menu.<br>No More Need For IPs or Ports!
</p> </p>
</section> </section>
<section class="section-bg p-8 sm:p-10 mb-12"> <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"> <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">
Holesail - Reverse Tunnels</h2> Holesail - Reverse Tunnels</h2>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
<strong>Peer to Peer Tunnels for Instant Access</strong><br>Create P2P tunnels instantly that bypass any network, firewall, or NAT restrictions and expose your local network to the internet securely—no Dynamic DNS required.<br>It’s 100% free and open source! <strong>Peer to Peer Tunnels for Instant Access</strong><br>Create P2P tunnels instantly that bypass any
network, firewall, or NAT restrictions and expose your local network to the internet securely—no Dynamic
DNS required.<br>It’s 100% free and open source!
</p> </p>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
It’s as easy as running <code class="bg-gray-800 text-teal-400 px-1 rounded">/connection-details</code> within our bot and then on your PC:<br> It’s as easy as running <code class="bg-gray-800 text-teal-400 px-1 rounded">/connection-details</code>
within our bot and then on your PC:<br>
<code class="bg-gray-800 text-teal-400 px-1 rounded">holesail hs://s0006d08fe790479cb210dc3a2</code><br> <code class="bg-gray-800 text-teal-400 px-1 rounded">holesail hs://s0006d08fe790479cb210dc3a2</code><br>
Within Minecraft<code class="bg-gray-800 text-teal-400 px-1 rounded">127.0.0.1:25565</code>. Within Minecraft<code class="bg-gray-800 text-teal-400 px-1 rounded">127.0.0.1:25565</code>.
</p> </p>
<div class="flex justify-center mb-8"> <div class="flex justify-center mb-8">
<a href="https://docs.holesail.io-overview/what-can-holesail-do" class="btn-minecraft text-base" target="_blank">Get Started with Holesail</a> <a href="https://docs.holesail.io-overview/what-can-holesail-do" class="btn-minecraft text-base"
target="_blank">Get Started with Holesail</a>
</div> </div>
<h3 class="text-xl minecraft-font mb-6 text-center text-teal-400">⛵ What Can Holesail Do?</h3> <h3 class="text-xl minecraft-font mb-6 text-center text-teal-400">⛵ What Can Holesail Do?</h3>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 mb-8"> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
<div class="feature-card tilt-card"> <div class="feature-card tilt-card">
<h4 class="text-lg minecraft-font mb-2 text-teal-400">Access Anywhere</h4> <h4 class="text-lg minecraft-font mb-2 text-teal-400">Access Anywhere</h4>
<p class="text-sm opacity-90 leading-relaxed">Access your machines over the internet without port forwarding or a static IP.</p> <p class="text-sm opacity-90 leading-relaxed">Access your machines over the internet without port
forwarding or a static IP.</p>
</div> </div>
<div class="feature-card tilt-card"> <div class="feature-card tilt-card">
<h4 class="text-lg minecraft-font mb-2 text-teal-400">Share Locally</h4> <h4 class="text-lg minecraft-font mb-2 text-teal-400">Share Locally</h4>
<p class="text-sm opacity-90 leading-relaxed">Share locally running servers, websites, and AI with anyone.</p> <p class="text-sm opacity-90 leading-relaxed">Share locally running servers, websites, and AI with
anyone.</p>
</div> </div>
<div class="feature-card tilt-card"> <div class="feature-card tilt-card">
<h4 class="text-lg minecraft-font mb-2 text-teal-400">File Sharing</h4> <h4 class="text-lg minecraft-font mb-2 text-teal-400">File Sharing</h4>
<p class="text-sm opacity-90 leading-relaxed">Share files and folders remotely with no bandwidth restrictions or size limits.</p> <p class="text-sm opacity-90 leading-relaxed">Share files and folders remotely with no bandwidth
restrictions or size limits.</p>
</div> </div>
<div class="feature-card tilt-card"> <div class="feature-card tilt-card">
<h4 class="text-lg minecraft-font mb-2 text-teal-400">Game Remotely</h4> <h4 class="text-lg minecraft-font mb-2 text-teal-400">Game Remotely</h4>
<p class="text-sm opacity-90 leading-relaxed">Play Minecraft and any LAN game remotely with your friends.</p> <p class="text-sm opacity-90 leading-relaxed">Play Minecraft and any LAN game remotely with your
friends.</p>
</div> </div>
<div class="feature-card tilt-card"> <div class="feature-card tilt-card">
<h4 class="text-lg minecraft-font mb-2 text-teal-400">Secure SSH</h4> <h4 class="text-lg minecraft-font mb-2 text-teal-400">Secure SSH</h4>
<p class="text-sm opacity-90 leading-relaxed">Secure your SSH servers, block IP access, and connect securely with Holesail.</p> <p class="text-sm opacity-90 leading-relaxed">Secure your SSH servers, block IP access, and connect
securely with Holesail.</p>
</div> </div>
<div class="feature-card tilt-card"> <div class="feature-card tilt-card">
<h4 class="text-lg minecraft-font mb-2 text-teal-400">Your friends, still 127.0.0.1</h4> <h4 class="text-lg minecraft-font mb-2 text-teal-400">Your friends, still 127.0.0.1</h4>
<p class="text-sm opacity-90 leading-relaxed">Anyone you share a connection with, accesses on their own 127.0.0.1.</p> <p class="text-sm opacity-90 leading-relaxed">Anyone you share a connection with, accesses on their
own 127.0.0.1.</p>
</div> </div>
</div> </div>
<p class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed">
<center>It’s always <code class="bg-gray-800 text-teal-400 px-1 rounded">127.0.0.1</code>—say goodbye to the internet and hello to localhost!</center> <center>It’s always <code class="bg-gray-800 text-teal-400 px-1 rounded">127.0.0.1</code>—say goodbye to
the internet and hello to localhost!</center>
</p> </p>
</section> </section>
<section class="section-bg p-8 sm:p-10 mb-12"> <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"> <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">
Power Up with Our API & Libraries</h2> Power Up with Our API & Libraries</h2>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
Take control of your Minecraft server like never before with our powerful REST API and MyMCLib libraries! Automate server management, install mods, ban players, send messages, and more with just a few lines of code. Available in JavaScript and Java, our tools make it easy to integrate and customize your server experience. Take control of your Minecraft server like never before with our powerful REST API and MyMCLib
libraries! Automate server management, install mods, ban players, send messages, and more with just a
few lines of code. Available in JavaScript and Java, our tools make it easy to integrate and customize
your server experience.
</p> </p>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6 mb-8"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-6 mb-8">
<div class="feature-card tilt-card"> <div class="feature-card tilt-card">
<h3 class="text-xl minecraft-font mb-3 text-teal-400">Robust REST API</h3> <h3 class="text-xl minecraft-font mb-3 text-teal-400">Robust REST API</h3>
<p class="text-sm opacity-90 leading-relaxed">Manage every aspect of your server programmatically, from starting and stopping to retrieving stats and logs.</p> <p class="text-sm opacity-90 leading-relaxed">Manage every aspect of your server programmatically,
from starting and stopping to retrieving stats and logs.</p>
</div> </div>
<div class="feature-card tilt-card"> <div class="feature-card tilt-card">
<h3 class="text-xl minecraft-font mb-3 text-teal-400">MyMCLib Libraries</h3> <h3 class="text-xl minecraft-font mb-3 text-teal-400">MyMCLib Libraries</h3>
<p class="text-sm opacity-90 leading-relaxed">Simplify API interactions with our JavaScript and Java libraries, designed for developers of all skill levels.</p> <p class="text-sm opacity-90 leading-relaxed">Simplify API interactions with our JavaScript and Java
libraries, designed for developers of all skill levels.</p>
</div> </div>
</div> </div>
<p class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed">
<strong>Ready to code?</strong><br>Dive into our <a href="https://info.my-mc.link/api/" class="underline text-teal-400 hover:text-blue-400">API documentation</a> and <a href="https://info.my-mc.link/mymc-lib/" class="underline text-teal-400 hover:text-blue-400">MyMCLib guide</a> to start building today! <strong>Ready to code?</strong><br>Dive into our <a href="https://info.my-mc.link/api/"
class="underline text-teal-400 hover:text-blue-400">API documentation</a> and <a
href="https://info.my-mc.link/mymc-lib/" class="underline text-teal-400 hover:text-blue-400">MyMCLib
guide</a> to start building today!
</p> </p>
</section> </section>
<section id="get-started" class="section-bg p-8 sm:p-10 text-center mb-12"> <section id="get-started" 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"> <h2
class="text-3xl minecraft-font mb-6 bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
Begin Your Adventure</h2> Begin Your Adventure</h2>
<p class="text-lg mb-8 max-w-2xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-2xl mx-auto opacity-90 leading-relaxed">
Join our vibrant community, set up your server in minutes, and play with friends across platforms.<br>Free, Join our vibrant community, set up your server in minutes, and play with friends across
platforms.<br>Free,
secure, and crafted for Minecraft fans. secure, and crafted for Minecraft fans.
</p> </p>
<div class="flex justify-center gap-4 flex-wrap"> <div class="flex justify-center gap-4 flex-wrap">
@@ -204,7 +250,8 @@
</section> </section>
<section class="section-bg p-8 sm:p-10 text-center"> <section class="section-bg p-8 sm:p-10 text-center">
<h2 class="text-3xl minecraft-font mb-6 bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500"> <h2
class="text-3xl minecraft-font mb-6 bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
Beta Phase Notice</h2> Beta Phase Notice</h2>
<p class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed">
My-MC.Link is in beta, so minor issues may arise.<br>Please review our My-MC.Link is in beta, so minor issues may arise.<br>Please review our
@@ -222,7 +269,10 @@
donated by <a href="https://raven-scott.fyi" class="underline">SNXRaven</a> donated by <a href="https://raven-scott.fyi" class="underline">SNXRaven</a>
</p> </p>
</footer> </footer>
<script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script>
<script src="js/main.js"></script> <script src="js/main.js"></script>
</body> </body>
</html> </html>

166
js/main.js
View File

@@ -33,58 +33,136 @@ sections.forEach(section => {
observer.observe(section); observer.observe(section);
}); });
// const PARTICLE_POOL_SIZE = 50; particlesJS("particles-js", {
// const particlePool = []; "particles": {
// const activeParticles = new Set(); "number": {
"value": 30,
"density": {
"enable": true,
"value_area": 800
}
},
"color": {
"value": ["#14b8a6", "#3b82f6"] // Mimics gradient by alternating colors
},
"shape": {
"type": "circle", // Matches border-radius: 50%
"stroke": {
"width": 0,
"color": "#000000"
}
},
"opacity": {
"value": 0.9, // Matches box-shadow opacity
"random": true,
"anim": {
"enable": true, // Mimics fadeInOut animation
"speed": 1, // Slower for smooth fade
"opacity_min": 0, // Fades to fully transparent
"sync": false
}
},
"size": {
"value": 8, // Default size (matches 8px)
"random": true, // Allows some particles to be larger (up to 12px)
"anim": {
"enable": true,
"speed": 4,
"size_min": 4, // Smaller sizes for variation
"sync": false
}
},
"line_linked": {
"enable": false // No lines needed per CSS
},
"move": {
"enable": true,
"speed": 2, // Mimics float animation
"direction": "none",
"random": true,
"straight": false,
"out_mode": "out",
"bounce": false,
"attract": {
"enable": false
}
}
},
"interactivity": {
"detect_on": "canvas",
"events": {
"onhover": {
"enable": true,
"mode": "repulse"
},
"onclick": {
"enable": true,
"mode": "push"
},
"resize": true
},
"modes": {
"repulse": {
"distance": 100,
"duration": 0.4
},
"push": {
"particles_nb": 4
}
}
},
"retina_detect": true
});
// function createParticleElement() { // Custom logic for glow effect
// const particle = document.createElement('div'); document.addEventListener('DOMContentLoaded', () => {
// particle.classList.add('particle'); const pJS = window.pJSDom[0].pJS;
// if (Math.random() > 0.6) particle.classList.add('large'); const targetElements = document.querySelectorAll('.feature-card, .nav-btn, .btn-minecraft');
// return particle;
// }
// function initializeParticlePool() { // Function to check if a particle is behind or near an element
// for (let i = 0; i < PARTICLE_POOL_SIZE; i++) { function checkParticleProximity() {
// particlePool.push(createParticleElement()); targetElements.forEach(element => {
// } const rect = element.getBoundingClientRect();
// } let hasGlow = false;
// function resetParticle(particle) { pJS.particles.array.forEach(particle => {
// particle.style.left = `${Math.random() * 100}%`; const particleX = particle.x + pJS.canvas.el.offsetLeft;
// particle.style.top = `${Math.random() * 100}%`; const particleY = particle.y + pJS.canvas.el.offsetTop;
// particle.style.animationDelay = `${Math.random() * 8}s`; const buffer = 20; // Buffer zone around element for glow trigger
// particle.style.animationDuration = `${8 + Math.random() * 6}s`;
// particle.classList.remove('fade-out');
// return particle;
// }
// function spawnParticle() { // Check if particle is within or near the element's bounding box
// if (particlePool.length === 0 || activeParticles.size >= PARTICLE_POOL_SIZE) return; if (
particleX >= rect.left - buffer &&
particleX <= rect.right + buffer &&
particleY >= rect.top - buffer &&
particleY <= rect.bottom + buffer
) {
hasGlow = true;
}
});
// const particle = resetParticle(particlePool.pop()); // Apply or remove glow effect
// if (!particle.parentNode) document.body.appendChild(particle); if (hasGlow) {
// activeParticles.add(particle); element.classList.add('glow-effect');
element.classList.remove('no-glow');
} else {
element.classList.remove('glow-effect');
element.classList.add('no-glow');
}
});
}
// setTimeout(() => { // Run proximity check in a separate animation loop
// particle.classList.add('fade-out'); function animateGlowEffect() {
// setTimeout(() => { checkParticleProximity();
// activeParticles.delete(particle); requestAnimationFrame(animateGlowEffect);
// particlePool.push(particle); }
// }, 500);
// }, 14000); // Start the animation loop
// } animateGlowEffect();
});
// function animate() {
// if (Math.random() < 0.1) spawnParticle(); // Reduced spawn frequency
// requestAnimationFrame(animate);
// }
// // Initialize and start
// setTimeout(() => {
// initializeParticlePool();
// animate();
// }, 500);
function throttle(fn, wait) { function throttle(fn, wait) {
let lastTime = 0; let lastTime = 0;

51
servers/index.html
View File

@@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -11,41 +12,49 @@
<link href="https://list.my-mc.link/style.css" rel="stylesheet"> <link href="https://list.my-mc.link/style.css" rel="stylesheet">
</head> </head>
<body> <body>
<!-- Hamburger Menu Icon (visible on mobile) --> <!-- 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;"> <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 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> <span class="bar w-6 h-0.5 bg-teal-400 transition-all duration-300"></span>
</button> </button>
<!-- Mobile Navigation Menu --> <!-- 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;"> <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"> <ul class="text-center">
<li class="mb-6"> <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> <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>
<li class="mb-6"> <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> <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>
<li class="mb-6"> <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> <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>
<li class="mb-6"> <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> <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> </li>
</ul> </ul>
</nav> </nav>
<!-- Particle Effects --> <!-- Particles.js Container -->
<div class="particle"></div> <div id="particles-js" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;"></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-2"> <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 class="header-content flex items-center justify-between max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div> <div>
<h1 class="text-5xl minecraft-font bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500"> <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> My-MC.Link Servers</h1>
<p class="text-lg mt-4 opacity-90 tracking-wide font-medium">Explore Public Minecraft Servers</p> <p class="text-lg mt-4 opacity-90 tracking-wide font-medium">Explore Public Minecraft Servers</p>
</div> </div>
@@ -62,7 +71,8 @@
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-16 relative z-2"> <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"> <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"> <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> Public Server List</h2>
<div class="text-center"> <div class="text-center">
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
@@ -71,26 +81,33 @@
</p> </p>
</div> </div>
<div class="search-container"> <div class="search-container">
<input type="text" id="search-input" class="search-input" placeholder="Search by owner, MOTD, version, or status..." autofocus> <input type="text" id="search-input" class="search-input"
placeholder="Search by owner, MOTD, version, or status..." autofocus>
</div> </div>
<div id="server-list" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6"> <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 --> <!-- Server cards will be dynamically inserted here -->
</div> </div>
<p id="loading-message" class="text-center text-gray-400 mt-8">Loading servers...</p> <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> <p id="error-message" class="text-center text-red-400 mt-8 hidden">Failed to load servers. Please try again
later.</p>
</section> </section>
</main> </main>
<footer class="bg-gray-900/20 backdrop-filter backdrop-blur-xl py-8 text-center relative z-2"> <!-- 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">© 2025 My-MC.Link. All rights reserved.</p>
<p class="text-sm opacity-90 mt-3"> <p class="text-sm opacity-90 mt-3">
Powered by <a href="https://holesail.io" class="underline" target="_blank">Holesail</a> with services 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> donated by <a href="https://raven-scott.fyi" class="underline">SNXRaven</a>
</p> </p>
</footer> </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://my-mc.link/js/main.js"></script>
<script src="https://list.my-mc.link/server_list.js"></script> <script src="https://list.my-mc.link/server_list.js"></script>
</body> </body>
</html> </html>

7
servers/server_list.js
View File

@@ -12,7 +12,7 @@ function copyToClipboard(text, button) {
// Function to create a server card // Function to create a server card
function createServerCard(server, isNew = false) { function createServerCard(server, isNew = false) {
const ownerName = server.ops && server.ops.length > 0 ? server.ops[0].name : 'Unknown'; const displayName = server.ops && server.ops.length > 0 ? `${server.ops[0].name}'s Server` : 'Unclaimed Server';
// Prefer connect2 if it's a my-mc.link subdomain, otherwise use connect // Prefer connect2 if it's a my-mc.link subdomain, otherwise use connect
const displayConnect = server.connect2 && server.connect2.includes('.my-mc.link') ? server.connect2 : server.connect; const displayConnect = server.connect2 && server.connect2.includes('.my-mc.link') ? server.connect2 : server.connect;
const serverCard = document.createElement('div'); const serverCard = document.createElement('div');
@@ -21,7 +21,7 @@ function createServerCard(server, isNew = false) {
serverCard.innerHTML = ` serverCard.innerHTML = `
<div class="flex items-center mb-3"> <div class="flex items-center mb-3">
<span class="inline-block w-3 h-3 rounded-full mr-2 ${server.online ? 'bg-green-500' : 'bg-red-500'}"></span> <span class="inline-block w-3 h-3 rounded-full mr-2 ${server.online ? 'bg-green-500' : 'bg-red-500'}"></span>
<h3 class="text-xl minecraft-font text-teal-400">${ownerName}'s Server</h3> <h3 class="text-xl minecraft-font text-teal-400">${displayName}</h3>
</div> </div>
<p class="text-sm opacity-90 leading-relaxed mb-2"><strong>MOTD:</strong> ${server.motd}</p> <p class="text-sm opacity-90 leading-relaxed mb-2"><strong>MOTD:</strong> ${server.motd}</p>
<p class="text-sm opacity-90 leading-relaxed mb-2"><strong>Version:</strong> ${server.gameVersion}</p> <p class="text-sm opacity-90 leading-relaxed mb-2"><strong>Version:</strong> ${server.gameVersion}</p>
@@ -72,7 +72,6 @@ function updateServerList(newServers) {
newServers.forEach(server => { newServers.forEach(server => {
const existingCard = currentCards.find(card => card.dataset.connect === server.connect); const existingCard = currentCards.find(card => card.dataset.connect === server.connect);
if (existingCard) { if (existingCard) {
const ownerName = server.ops && server.ops.length > 0 ? server.ops[0].name : 'Unknown';
const updatedCard = createServerCard(server); const updatedCard = createServerCard(server);
existingCard.innerHTML = updatedCard.innerHTML; existingCard.innerHTML = updatedCard.innerHTML;
existingCard.className = updatedCard.className; existingCard.className = updatedCard.className;
@@ -119,7 +118,7 @@ async function fetchServers() {
searchInput.addEventListener('input', () => { searchInput.addEventListener('input', () => {
const searchTerm = searchInput.value.trim().toLowerCase(); const searchTerm = searchInput.value.trim().toLowerCase();
const filteredServers = window.serverData.filter(server => { const filteredServers = window.serverData.filter(server => {
const ownerName = server.ops && server.ops.length > 0 ? server.ops[0].name.toLowerCase() : 'unknown'; const ownerName = server.ops && server.ops.length > 0 ? server.ops[0].name.toLowerCase() : 'unclaimed';
const motd = server.motd.toLowerCase(); const motd = server.motd.toLowerCase();
const version = server.gameVersion.toLowerCase(); const version = server.gameVersion.toLowerCase();
const status = server.online ? 'online' : 'offline'; const status = server.online ? 'online' : 'offline';

35
terms.html
View File

@@ -13,36 +13,43 @@
<body> <body>
<!-- Hamburger Menu Icon (visible on mobile) --> <!-- 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;"> <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 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> <span class="bar w-6 h-0.5 bg-teal-400 transition-all duration-300"></span>
</button> </button>
<!-- Mobile Navigation Menu --> <!-- 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);"> <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"> <ul class="text-center">
<li class="mb-6"> <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> <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>
<li class="mb-6"> <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> <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>
<li class="mb-6"> <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> <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>
</ul> </ul>
</nav> </nav>
<!-- Particle Effects --> <!-- Particles.js Container -->
<div class="particle"></div> <div id="particles-js" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;"></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-10">
<div class="header-content flex items-center justify-between max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="header-content flex items-center justify-between max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div> <div>
<h1 class="text-5xl minecraft-font bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500"> <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> My-MC.Link</h1>
</div> </div>
<nav class="hidden md:flex items-center gap-2"> <nav class="hidden md:flex items-center gap-2">
@@ -54,7 +61,8 @@
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-16 relative z-10"> <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-16 relative z-10">
<section class="section-bg p-8 sm:p-10 mb-12"> <section class="section-bg p-8 sm:p-10 mb-12">
<h2 class="text-3xl minecraft-font mb-6 text-center bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500"> <h2
class="text-3xl minecraft-font mb-6 text-center bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
Terms of Service</h2> Terms of Service</h2>
<p class="text-sm opacity-90 mb-6">Last updated: July 1st, 2024</p> <p class="text-sm opacity-90 mb-6">Last updated: July 1st, 2024</p>
<p class="text-sm opacity-90 mb-6">The last update was to add a new rule.</p> <p class="text-sm opacity-90 mb-6">The last update was to add a new rule.</p>
@@ -554,6 +562,7 @@
document.querySelector('.mobile-nav-container').classList.toggle('hidden'); document.querySelector('.mobile-nav-container').classList.toggle('hidden');
}); });
</script> </script>
<script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script>
<script src="../js/main.js"></script> <script src="../js/main.js"></script>
</body> </body>

225
test.html Normal file
View File

@@ -0,0 +1,225 @@
<!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</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="css/style.min.css?p=" rel="stylesheet">
<link href="favicon.ico" rel="icon" type="image/x-icon">
</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>
<li class="mb-6">
<a href="https://list.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">Server List</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</h1>
<p class="text-lg mt-4 opacity-90 tracking-wide font-medium">Futuristic Free Minecraft Hosting</p>
</div>
<!-- Navigation Buttons (hidden on mobile) -->
<nav class="flex items-center gap-2 hidden md:flex">
<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>
<a href="https://list.my-mc.link" class="nav-btn" target="_blank">Server List</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="hero-bg mb-12">
<iframe id="ytplayer"
src="https://www.youtube.com/embed/NunueetXpZI?autoplay=1&start=2030&loop=1&mute=1&controls=0&showinfo=0&rel=0&iv_load_policy=3&playlist=NunueetXpZI"
frameborder="0" allow="autoplay;" allowfullscreen></iframe>
<img src="https://minecraft.wiki/images/Panorama_4.png" alt="Minecraft Panorama">
<div class="hero-content">
<h2 class="text-4xl minecraft-font mb-6 bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
Craft Your Ultimate Fabric Server</h2>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
Host your Minecraft server for free with secure, low-latency P2P connections.<br>Enjoy encrypted
networking, effortless mod management, and cross-platform play.
</p>
<a href="https://join.my-mc.link" class="btn-minecraft inline-block text-lg" target="_blank">Start Your
Journey</a>
</div>
</section>
<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">
What Sets Us Apart</h2>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
<div class="feature-card tilt-card">
<h3 class="text-xl minecraft-font mb-3 text-teal-400">Secure P2P Networking</h3>
<p class="text-sm opacity-90 leading-relaxed">Play with peace of mind using Holesail’s end-to-end
encrypted connections, hiding IPs and ports.</p>
</div>
<div class="feature-card tilt-card">
<h3 class="text-xl minecraft-font mb-3 text-teal-400">Flexible Hosting Zero Cost</h3>
<p class="text-sm opacity-90 leading-relaxed">Bind your server to any device—PC, localhost, or
server—for complete control and portability.</p>
</div>
<div class="feature-card tilt-card">
<h3 class="text-xl minecraft-font mb-3 text-teal-400">Smart Mod Management</h3>
<p class="text-sm opacity-90 leading-relaxed">Install and update mods effortlessly with our
intuitive bot and powerful REST API.</p>
</div>
<div class="feature-card tilt-card">
<h3 class="text-xl minecraft-font mb-3 text-teal-400">Cross-Platform Play with Geyser</h3>
<p class="text-sm opacity-90 leading-relaxed">Connect Java and Bedrock players seamlessly with
built-in Geyser support.</p>
</div>
</div>
</section>
<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">
My-MC Realms</h2>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
My-MC Realms is a seamless alternative to Minecraft Realms, allowing you to connect to your Minecraft server directly from the Realms menu without needing the server address<br><br>Simply install the MyMcRealms mod within your client, run the <code class="bg-gray-800 text-teal-400 px-1 rounded">/my-mc-link</code> command to register a slot, and access your server with ease.
</p>
<div class="flex justify-center mb-8">
<img src="img/my-mc-realms.webp" alt="MyMcRealms in action" class="max-w-full rounded-lg shadow-lg">
</div>
<p class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed">
<strong>Give the mod to your friends</strong><br>Once installed on your friends clients, they can access your server via the Realms menu.<br>No More Need For IPs or Ports!
</p>
</section>
<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">
Holesail - Reverse Tunnels</h2>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
<strong>Peer to Peer Tunnels for Instant Access</strong><br>Create P2P tunnels instantly that bypass any network, firewall, or NAT restrictions and expose your local network to the internet securely—no Dynamic DNS required.<br>It’s 100% free and open source!
</p>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
It’s as easy as running <code class="bg-gray-800 text-teal-400 px-1 rounded">/connection-details</code> within our bot and then on your PC:<br>
<code class="bg-gray-800 text-teal-400 px-1 rounded">holesail hs://s0006d08fe790479cb210dc3a2</code><br>
Within Minecraft<code class="bg-gray-800 text-teal-400 px-1 rounded">127.0.0.1:25565</code>.
</p>
<div class="flex justify-center mb-8">
<a href="https://docs.holesail.io-overview/what-can-holesail-do" class="btn-minecraft text-base" target="_blank">Get Started with Holesail</a>
</div>
<h3 class="text-xl minecraft-font mb-6 text-center text-teal-400">⛵ What Can Holesail Do?</h3>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
<div class="feature-card tilt-card">
<h4 class="text-lg minecraft-font mb-2 text-teal-400">Access Anywhere</h4>
<p class="text-sm opacity-90 leading-relaxed">Access your machines over the internet without port forwarding or a static IP.</p>
</div>
<div class="feature-card tilt-card">
<h4 class="text-lg minecraft-font mb-2 text-teal-400">Share Locally</h4>
<p class="text-sm opacity-90 leading-relaxed">Share locally running servers, websites, and AI with anyone.</p>
</div>
<div class="feature-card tilt-card">
<h4 class="text-lg minecraft-font mb-2 text-teal-400">File Sharing</h4>
<p class="text-sm opacity-90 leading-relaxed">Share files and folders remotely with no bandwidth restrictions or size limits.</p>
</div>
<div class="feature-card tilt-card">
<h4 class="text-lg minecraft-font mb-2 text-teal-400">Game Remotely</h4>
<p class="text-sm opacity-90 leading-relaxed">Play Minecraft and any LAN game remotely with your friends.</p>
</div>
<div class="feature-card tilt-card">
<h4 class="text-lg minecraft-font mb-2 text-teal-400">Secure SSH</h4>
<p class="text-sm opacity-90 leading-relaxed">Secure your SSH servers, block IP access, and connect securely with Holesail.</p>
</div>
<div class="feature-card tilt-card">
<h4 class="text-lg minecraft-font mb-2 text-teal-400">Your friends, still 127.0.0.1</h4>
<p class="text-sm opacity-90 leading-relaxed">Anyone you share a connection with, accesses on their own 127.0.0.1.</p>
</div>
</div>
<p class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed">
<center>It’s always <code class="bg-gray-800 text-teal-400 px-1 rounded">127.0.0.1</code>—say goodbye to the internet and hello to localhost!</center>
</p>
</section>
<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">
Power Up with Our API & Libraries</h2>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
Take control of your Minecraft server like never before with our powerful REST API and MyMCLib libraries! Automate server management, install mods, ban players, send messages, and more with just a few lines of code. Available in JavaScript and Java, our tools make it easy to integrate and customize your server experience.
</p>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6 mb-8">
<div class="feature-card tilt-card">
<h3 class="text-xl minecraft-font mb-3 text-teal-400">Robust REST API</h3>
<p class="text-sm opacity-90 leading-relaxed">Manage every aspect of your server programmatically, from starting and stopping to retrieving stats and logs.</p>
</div>
<div class="feature-card tilt-card">
<h3 class="text-xl minecraft-font mb-3 text-teal-400">MyMCLib Libraries</h3>
<p class="text-sm opacity-90 leading-relaxed">Simplify API interactions with our JavaScript and Java libraries, designed for developers of all skill levels.</p>
</div>
</div>
<p class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed">
<strong>Ready to code?</strong><br>Dive into our <a href="https://info.my-mc.link/api/" class="underline text-teal-400 hover:text-blue-400">API documentation</a> and <a href="https://info.my-mc.link/mymc-lib/" class="underline text-teal-400 hover:text-blue-400">MyMCLib guide</a> to start building today!
</p>
</section>
<section id="get-started" 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">
Begin Your Adventure</h2>
<p class="text-lg mb-8 max-w-2xl mx-auto opacity-90 leading-relaxed">
Join our vibrant community, set up your server in minutes, and play with friends across platforms.<br>Free,
secure, and crafted for Minecraft fans.
</p>
<div class="flex justify-center gap-4 flex-wrap">
<a href="https://join.my-mc.link" class="btn-minecraft text-base" target="_blank">Join Our Discord</a>
<a href="https://info.my-mc.link" class="btn-minecraft text-base" target="_blank">Explore the Wiki</a>
</div>
</section>
<section class="section-bg p-8 sm:p-10 text-center">
<h2 class="text-3xl minecraft-font mb-6 bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
Beta Phase Notice</h2>
<p class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed">
My-MC.Link is in beta, so minor issues may arise.<br>Please review our
<a href="https://my-mc.link/terms.html" class="underline text-teal-400 hover:text-blue-400">Terms of
Service</a> and
<a href="https://discord.com/guidelines" class="underline text-teal-400 hover:text-blue-400">Discord
Rules</a> before getting started.
</p>
</section>
</main>
<footer class="bg-gray-900/20 backdrop-filter backdrop-blur-xl py-8 text-center relative z-2">
<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>
<!-- Particles.js Library -->
<script src="js/main.js"></script>
<script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script>
</body>
</html>

110
wiki/api/index.html
View File

@@ -16,6 +16,7 @@
position: relative; position: relative;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.copy-button { .copy-button {
position: absolute; position: absolute;
top: 0.5rem; top: 0.5rem;
@@ -29,18 +30,22 @@
font-size: 0.875rem; font-size: 0.875rem;
transition: background 0.2s; transition: background 0.2s;
} }
.copy-button:hover { .copy-button:hover {
background: #4a5568; background: #4a5568;
} }
.copy-button.copied { .copy-button.copied {
background: #2f855a; background: #2f855a;
} }
pre[class*="language-"] { pre[class*="language-"] {
margin: 0; margin: 0;
padding: 1rem; padding: 1rem;
border-radius: 0.5rem; border-radius: 0.5rem;
position: relative; position: relative;
} }
/* Table of Contents Styles */ /* Table of Contents Styles */
.toc { .toc {
background: rgba(17, 24, 39, 0.8); background: rgba(17, 24, 39, 0.8);
@@ -51,6 +56,7 @@
max-width: 800px; max-width: 800px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
} }
.toc h2 { .toc h2 {
font-family: 'minecraft-font', sans-serif; font-family: 'minecraft-font', sans-serif;
font-size: 1.75rem; font-size: 1.75rem;
@@ -61,16 +67,20 @@
color: transparent; color: transparent;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
.toc ul { .toc ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
} }
.toc ul ul { .toc ul ul {
padding-left: 1.5rem; padding-left: 1.5rem;
} }
.toc li { .toc li {
margin: 0.75rem 0; margin: 0.75rem 0;
} }
.toc a { .toc a {
color: #d1d5db; color: #d1d5db;
text-decoration: none; text-decoration: none;
@@ -81,14 +91,17 @@
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 8px; border-radius: 8px;
} }
.toc ul ul a { .toc ul ul a {
font-size: 1rem; font-size: 1rem;
} }
.toc a:hover { .toc a:hover {
color: #14b8a6; color: #14b8a6;
transform: translateX(10px); transform: translateX(10px);
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
} }
/* Ensure endpoint cards are visible */ /* Ensure endpoint cards are visible */
.feature-card { .feature-card {
display: block !important; display: block !important;
@@ -102,23 +115,28 @@
padding: 1.5rem; padding: 1.5rem;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
} }
.tilt-card { .tilt-card {
display: block !important; display: block !important;
opacity: 1 !important; opacity: 1 !important;
visibility: visible !important; visibility: visible !important;
transform: none !important; transform: none !important;
} }
@media (max-width: 640px) { @media (max-width: 640px) {
.toc { .toc {
padding: 1rem; padding: 1rem;
margin: 1rem; margin: 1rem;
} }
.toc h2 { .toc h2 {
font-size: 1.5rem; font-size: 1.5rem;
} }
.toc a { .toc a {
font-size: 1rem; font-size: 1rem;
} }
.toc ul ul a { .toc ul ul a {
font-size: 0.875rem; font-size: 0.875rem;
} }
@@ -128,28 +146,31 @@
<body> <body>
<!-- Hamburger Menu Icon (visible on mobile) --> <!-- 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;"> <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 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> <span class="bar w-6 h-0.5 bg-teal-400 transition-all duration-300"></span>
</button> </button>
<!-- Mobile Navigation Menu --> <!-- 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);"> <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"> <ul class="text-center">
<li class="mb-6"> <li class="mb-6">
<a href="https://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">Go Home</a> <a href="https://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">Go Home</a>
</li> </li>
<li class="mb-6"> <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">Wiki Home</a> <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">Wiki
Home</a>
</li> </li>
</ul> </ul>
</nav> </nav>
<!-- Particle Effects --> <!-- Particles.js Container -->
<div class="particle"></div> <div id="particles-js" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;"></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-1"> <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 class="header-content flex items-center justify-between max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
@@ -207,24 +228,34 @@
</ul> </ul>
</nav> </nav>
<!-- Particles.js Container -->
<div id="particles-js" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;"></div>
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-16 relative z-10"> <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-16 relative z-10">
<section id="getting-started-with-the-api" class="section-bg p-8 sm:p-10 mb-12"> <section id="getting-started-with-the-api" 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"> <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">
Getting Started with the API</h2> Getting Started with the API</h2>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
To use the My-MC.Link API, you need an API key. Generate one by running <code class="bg-gray-800 text-teal-400 px-1 rounded">/api-key</code> in our server. The key, valid for 365 days, will be sent to your Direct Messages. To use the My-MC.Link API, you need an API key. Generate one by running <code
class="bg-gray-800 text-teal-400 px-1 rounded">/api-key</code> in our server. The key, valid for 365 days,
will be sent to your Direct Messages.
</p> </p>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
<strong>API URL:</strong> <code class="bg-gray-800 text-teal-400 px-1 rounded">https://api.my-mc.link</code><br> <strong>API URL:</strong> <code class="bg-gray-800 text-teal-400 px-1 rounded">https://api.my-mc.link</code><br>
Include the authentication header <code class="bg-gray-800 text-teal-400 px-1 rounded">x-my-mc-auth</code> with your token in all requests. Include the authentication header <code class="bg-gray-800 text-teal-400 px-1 rounded">x-my-mc-auth</code> with
your token in all requests.
</p> </p>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
The examples below use <a href="https://www.npmjs.com/package/unirest" class="underline text-teal-400 hover:text-blue-400">UniRest</a> for JavaScript. New methods will be added over time, so check back regularly. The examples below use <a href="https://www.npmjs.com/package/unirest"
class="underline text-teal-400 hover:text-blue-400">UniRest</a> for JavaScript. New methods will be added over
time, so check back regularly.
</p> </p>
</section> </section>
<section id="api-endpoints" class="section-bg p-8 sm:p-10 mb-12"> <section id="api-endpoints" 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"> <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">
API Endpoints</h2> API Endpoints</h2>
<div class="grid grid-cols-1 gap-6"> <div class="grid grid-cols-1 gap-6">
<!-- GET /hello --> <!-- GET /hello -->
@@ -524,7 +555,8 @@ unirest
<!-- GET /status/{type} --> <!-- GET /status/{type} -->
<div class="feature-card tilt-card"> <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> <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> <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"> <div class="code-block-wrapper">
<pre class="language-javascript"><code>var unirest = require('unirest'); <pre class="language-javascript"><code>var unirest = require('unirest');
@@ -951,7 +983,8 @@ unirest
<h2 class="text-3xl minecraft-font mb-6 bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500"> <h2 class="text-3xl minecraft-font mb-6 bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
Explore More</h2> Explore More</h2>
<p class="text-lg mb-8 max-w-2xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-2xl mx-auto opacity-90 leading-relaxed">
Ready to automate your server?<BR>Join our community, dive into our resources, and start building with the My-MC.Link API. Ready to automate your server?<BR>Join our community, dive into our resources, and start building with the
My-MC.Link API.
</p> </p>
<div class="flex justify-center gap-4 flex-wrap"> <div class="flex justify-center gap-4 flex-wrap">
<a href="https://join.my-mc.link" class="btn-minecraft text-base" target="_blank">Join Our Discord</a> <a href="https://join.my-mc.link" class="btn-minecraft text-base" target="_blank">Join Our Discord</a>
@@ -960,6 +993,7 @@ unirest
</section> </section>
</main> </main>
<footer class="bg-gray-900/20 backdrop-filter backdrop-blur-xl py-8 text-center relative z-10"> <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">© 2025 My-MC.Link. All rights reserved.</p>
<p class="text-sm opacity-90 mt-3"> <p class="text-sm opacity-90 mt-3">
@@ -967,6 +1001,8 @@ unirest
donated by <a href="https://raven-scott.fyi" class="underline">SNXRaven</a> donated by <a href="https://raven-scott.fyi" class="underline">SNXRaven</a>
</p> </p>
</footer> </footer>
<script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-javascript.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-javascript.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-json.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-json.min.js"></script>
@@ -986,44 +1022,8 @@ unirest
}); });
} }
</script> </script>
<!-- <script src="https://my-mc.link/js/main.js"></script> --> <script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script>
<script> <script src="https://my-mc.link/js/main.js"></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> </body>
</html> </html>

281
wiki/index.html
View File

@@ -19,7 +19,10 @@
margin: 2rem auto; margin: 2rem auto;
max-width: 800px; max-width: 800px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
z-index: 10;
/* Add this to ensure TOC is above particles */
} }
.toc h2 { .toc h2 {
font-family: 'minecraft-font', sans-serif; font-family: 'minecraft-font', sans-serif;
font-size: 1.75rem; font-size: 1.75rem;
@@ -30,13 +33,16 @@
color: transparent; color: transparent;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
.toc ul { .toc ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
} }
.toc li { .toc li {
margin: 0.75rem 0; margin: 0.75rem 0;
} }
.toc a { .toc a {
color: #d1d5db; color: #d1d5db;
text-decoration: none; text-decoration: none;
@@ -47,19 +53,23 @@
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 8px; border-radius: 8px;
} }
.toc a:hover { .toc a:hover {
color: #14b8a6; color: #14b8a6;
transform: translateX(10px); transform: translateX(10px);
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
} }
@media (max-width: 640px) { @media (max-width: 640px) {
.toc { .toc {
padding: 1rem; padding: 1rem;
margin: 1rem; margin: 1rem;
} }
.toc h2 { .toc h2 {
font-size: 1.5rem; font-size: 1.5rem;
} }
.toc a { .toc a {
font-size: 1rem; font-size: 1rem;
} }
@@ -68,42 +78,47 @@
</head> </head>
<body> <body>
<!-- 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>
<header class="header-bg py-16 text-center relative z-1"> <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 class="header-content flex items-center justify-between max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div> <div>
<h1 class="text-5xl minecraft-font bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500"> <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> My-MC.Link</h1>
<p class="text-lg mt-4 opacity-90 tracking-wide font-medium">Futuristic Free Minecraft Hosting</p> <p class="text-lg mt-4 opacity-90 tracking-wide font-medium">Futuristic Free Minecraft Hosting</p>
</div> </div>
<!-- Hamburger Menu Icon (visible on mobile) --> <!-- 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"> <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 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> <span class="bar w-6 h-0.5 bg-teal-400 transition-all duration-300"></span>
</button> </button>
<!-- Navigation Buttons (hidden on mobile) --> <!-- Navigation Buttons (hidden on mobile) -->
<nav class="flex items-center gap-2 hidden md:flex"> <nav class="flex items-center gap-2 hidden md:flex">
<a href="https://my-mc.link" class="nav-btn" target="_blank">Go Home</a> <a href="https://my-mc.link" class="nav-btn" target="_blank">Go Home</a>
</nav> </nav>
</div> </div>
<!-- Mobile Navigation Menu --> <!-- 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> <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"> <ul class="text-center">
<li class="mb-6"> <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> <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>
<li class="mb-6"> <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> <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>
<li class="mb-6"> <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> <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>
</ul> </ul>
</nav> </nav>
@@ -136,54 +151,73 @@
</nav> </nav>
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-16 relative z-10"> <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-16 relative z-10">
<section id="what-is-my-mc-link" class="section-bg p-8 sm:p-10 mb-12"> <section id="what-is-my-mc-link" class="section-bg p-8 sm:p-10 mb-12">
<h2 <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"> class="text-3xl minecraft-font mb-8 text-center bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
What is My-MC.Link?</h2> What is My-MC.Link?</h2>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
My-MC.Link provides free Minecraft server hosting with a focus on security, flexibility, and ease of use. Powered by an innovative Peer-to-Peer (P2P) network, our platform offers secure, low-latency hosting with end-to-end encrypted connections, eliminating the need to expose IP addresses or ports. My-MC.Link provides free Minecraft server hosting with a focus on security, flexibility, and ease of
use. Powered by an innovative Peer-to-Peer (P2P) network, our platform offers secure, low-latency
hosting with end-to-end encrypted connections, eliminating the need to expose IP addresses or ports.
</p> </p>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="feature-card tilt-card"> <div class="feature-card tilt-card">
<h3 class="text-xl minecraft-font mb-3 text-teal-400">Peer-to-Peer Networking</h3> <h3 class="text-xl minecraft-font mb-3 text-teal-400">Peer-to-Peer Networking</h3>
<p class="text-sm opacity-90 leading-relaxed">Connect securely without sharing IPs or ports, using a fully encrypted P2P system powered by <a href="https://holesail.io" class="underline text-teal-400 hover:text-blue-400" target="_blank">Holesail</a>.</p> <p class="text-sm opacity-90 leading-relaxed">Connect securely without sharing IPs or ports, using a
fully encrypted P2P system powered by <a href="https://holesail.io"
class="underline text-teal-400 hover:text-blue-400" target="_blank">Holesail</a>.</p>
</div> </div>
<div class="feature-card tilt-card"> <div class="feature-card tilt-card">
<h3 class="text-xl minecraft-font mb-3 text-teal-400">Portable Servers</h3> <h3 class="text-xl minecraft-font mb-3 text-teal-400">Portable Servers</h3>
<p class="text-sm opacity-90 leading-relaxed">Bind your server to any device—localhost, PC, or server—for unparalleled flexibility and security.</p> <p class="text-sm opacity-90 leading-relaxed">Bind your server to any device—localhost, PC, or
server—for unparalleled flexibility and security.</p>
</div> </div>
<div class="feature-card tilt-card"> <div class="feature-card tilt-card">
<h3 class="text-xl minecraft-font mb-3 text-teal-400">Automated Management</h3> <h3 class="text-xl minecraft-font mb-3 text-teal-400">Automated Management</h3>
<p class="text-sm opacity-90 leading-relaxed">Our bot simplifies server creation, mod installation, and updates via a user-friendly interface and REST API.</p> <p class="text-sm opacity-90 leading-relaxed">Our bot simplifies server creation, mod installation,
and updates via a user-friendly interface and REST API.</p>
</div> </div>
<div class="feature-card tilt-card"> <div class="feature-card tilt-card">
<h3 class="text-xl minecraft-font mb-3 text-teal-400">My-MC Realms!</h3> <h3 class="text-xl minecraft-font mb-3 text-teal-400">My-MC Realms!</h3>
<p class="text-sm opacity-90 leading-relaxed">Replace Realms with our custom server browser for easy access to your server!</p> <p class="text-sm opacity-90 leading-relaxed">Replace Realms with our custom server browser for easy
access to your server!</p>
</div> </div>
<div class="feature-card tilt-card"> <div class="feature-card tilt-card">
<h3 class="text-xl minecraft-font mb-3 text-teal-400">Automatic Bluemap URLs!</h3> <h3 class="text-xl minecraft-font mb-3 text-teal-400">Automatic Bluemap URLs!</h3>
<p class="text-sm opacity-90 leading-relaxed">Instantly access your Minecraft world in 3D! Right inside the browser.</p> <p class="text-sm opacity-90 leading-relaxed">Instantly access your Minecraft world in 3D! Right
inside the browser.</p>
</div> </div>
<div class="feature-card tilt-card"> <div class="feature-card tilt-card">
<h3 class="text-xl minecraft-font mb-3 text-teal-400">Resouces!</h3> <h3 class="text-xl minecraft-font mb-3 text-teal-400">Resouces!</h3>
<p class="text-sm opacity-90 leading-relaxed">By default we offer 6 GB of RAM and 6 Cores to game on!</p> <p class="text-sm opacity-90 leading-relaxed">By default we offer 6 GB of RAM and 6 Cores to game
on!</p>
</div> </div>
</div> </div>
</section> </section>
<section id="limitations" class="section-bg p-6 sm:p-8 md:p-10 mb-12 bg-gray-900/80 rounded-xl shadow-lg"> <section id="limitations" class="section-bg p-6 sm:p-8 md:p-10 mb-12 bg-gray-900/80 rounded-xl shadow-lg">
<h2 class="text-2xl sm:text-3xl md:text-4xl minecraft-font mb-6 sm:mb-8 text-center bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500 font-bold tracking-tight"> <h2
class="text-2xl sm:text-3xl md:text-4xl minecraft-font mb-6 sm:mb-8 text-center bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500 font-bold tracking-tight">
Limitations Limitations
</h2> </h2>
<p class="text-base sm:text-lg mb-6 sm:mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed text-gray-200 text-center"> <p
class="text-base sm:text-lg mb-6 sm:mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed text-gray-200 text-center">
While My-MC.Link is powerful, there are some constraints to be aware of: While My-MC.Link is powerful, there are some constraints to be aware of:
</p> </p>
<ul class="text-base sm:text-lg max-w-3xl mx-auto opacity-90 leading-relaxed list-disc list-inside space-y-4 text-gray-300"> <ul
<li><strong class="text-teal-400">Fixed Environment</strong>: Servers use pre-built FabricMC images, and custom environments are not supported.</li> class="text-base sm:text-lg max-w-3xl mx-auto opacity-90 leading-relaxed list-disc list-inside space-y-4 text-gray-300">
<li><strong class="text-teal-400">Server Location</strong>: Servers are hosted within the East Coast, USA.</li> <li><strong class="text-teal-400">Fixed Environment</strong>: Servers use pre-built FabricMC images, and
<li><strong class="text-teal-400">Public IP Access</strong>: The <code class="bg-gray-800 text-teal-400 px-1.5 py-0.5 rounded font-mono text-sm">my-mc.link</code> public IP is available for a limited time.</li> custom environments are not supported.</li>
<li><strong class="text-teal-400">Inactivity Policy</strong>: Servers idle for 1 month are automatically deleted.</li> <li><strong class="text-teal-400">Server Location</strong>: Servers are hosted within the East Coast,
<li><strong class="text-teal-400">Beta Status</strong>: As a test service, uptime and support may not be 24/7.</li> USA.</li>
<li><strong class="text-teal-400">Public IP Access</strong>: The <code
class="bg-gray-800 text-teal-400 px-1.5 py-0.5 rounded font-mono text-sm">my-mc.link</code>
public IP is available for a limited time.</li>
<li><strong class="text-teal-400">Inactivity Policy</strong>: Servers idle for 1 month are automatically
deleted.</li>
<li><strong class="text-teal-400">Beta Status</strong>: As a test service, uptime and support may not be
24/7.</li>
</ul> </ul>
</section> </section>
@@ -196,8 +230,11 @@
Before you begin, ensure you: Before you begin, ensure you:
</p> </p>
<ul class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed list-disc list-inside mb-8"> <ul class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed list-disc list-inside mb-8">
<li> Agree to the <a href="https://my-mc.link/terms.html" class="underline text-teal-400 hover:text-blue-400">Terms of Service</a>.</li> <li> Agree to the <a href="https://my-mc.link/terms.html"
<li>Join our Discord and review the <a href="https://discord.com/channels/1199050279069425835/1199122629559320647" class="underline text-teal-400 hover:text-blue-400">rules</a>.</li> class="underline text-teal-400 hover:text-blue-400">Terms of Service</a>.</li>
<li>Join our Discord and review the <a
href="https://discord.com/channels/1199050279069425835/1199122629559320647"
class="underline text-teal-400 hover:text-blue-400">rules</a>.</li>
</ul> </ul>
<h3 class="text-xl minecraft-font mb-6 text-teal-400">Creating a Server</h3> <h3 class="text-xl minecraft-font mb-6 text-teal-400">Creating a Server</h3>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
@@ -209,13 +246,17 @@
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
- Create a Connection:<br> - Create a Connection:<br>
<code class="bg-gray-800 text-teal-400 px-1 rounded">/my-mc-link</code><br> <code class="bg-gray-800 text-teal-400 px-1 rounded">/my-mc-link</code><br>
- Monitor logs at <a href="https://panel.my-mc.link/" class="underline text-teal-400 hover:text-blue-400" target="_blank">panel.my-mc.link</a>.<BR><BR> - Monitor logs at <a href="https://panel.my-mc.link/"
ℹ️ No Login?<BR>Run <code class="bg-gray-800 text-teal-400 px-1 rounded">/panel-login</code> to generate a one-time login link. class="underline text-teal-400 hover:text-blue-400" target="_blank">panel.my-mc.link</a>.<BR><BR>
ℹ️ No Login?<BR>Run <code class="bg-gray-800 text-teal-400 px-1 rounded">/panel-login</code> to generate
a one-time login link.
</p> </p>
</section> </section>
<section id="connecting-to-your-server" class="section-bg p-8 sm:p-12 lg:p-16 mb-12 bg-gray-900 rounded-xl shadow-xl"> <section id="connecting-to-your-server"
<h2 class="text-3xl sm:text-4xl minecraft-font mb-10 text-center bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500 font-bold"> class="section-bg p-8 sm:p-12 lg:p-16 mb-12 bg-gray-900 rounded-xl shadow-xl">
<h2
class="text-3xl sm:text-4xl minecraft-font mb-10 text-center bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500 font-bold">
Connecting to Your Server Connecting to Your Server
</h2> </h2>
@@ -238,8 +279,10 @@
<p class="mt-6"> <p class="mt-6">
<strong class="text-teal-300">Troubleshooting</strong>:<BR> If the connection fails, rerun <strong class="text-teal-300">Troubleshooting</strong>:<BR> If the connection fails, rerun
<code class="bg-gray-800 text-teal-400 px-2 py-1 rounded font-mono">/my-mc-link</code> or <code class="bg-gray-800 text-teal-400 px-2 py-1 rounded font-mono">/my-mc-link</code> or
<code class="bg-gray-800 text-teal-400 px-2 py-1 rounded font-mono">/my-mc-sftp</code> to generate a new link.<BR> <code class="bg-gray-800 text-teal-400 px-2 py-1 rounded font-mono">/my-mc-sftp</code> to
All connections reset at <strong>12 AM EST every Sunday</strong>. SFTP connections close daily at <strong>12 AM EST</strong>. generate a new link.<BR>
All connections reset at <strong>12 AM EST every Sunday</strong>. SFTP connections close daily
at <strong>12 AM EST</strong>.
</p> </p>
</div> </div>
</div> </div>
@@ -257,16 +300,23 @@
<p class="font-semibold text-teal-300">Manual Setup</p> <p class="font-semibold text-teal-300">Manual Setup</p>
<ol class="list-decimal list-inside space-y-2"> <ol class="list-decimal list-inside space-y-2">
<li>Get your connector key:<br> <li>Get your connector key:<br>
<code class="bg-gray-800 text-teal-400 px-2 py-1 rounded font-mono">/connection-details</code> <code
class="bg-gray-800 text-teal-400 px-2 py-1 rounded font-mono">/connection-details</code>
</li> </li>
<li>Install Node.js and Holesail:<br> <li>Install Node.js and Holesail:<br>
<code class="bg-gray-800 text-teal-400 px-2 py-1 rounded font-mono">npm i holesail -g</code> <code
class="bg-gray-800 text-teal-400 px-2 py-1 rounded font-mono">npm i holesail -g</code>
</li> </li>
<li>Bind your server (replace <code class="inline bg-gray-800 text-teal-400 px-1 rounded font-mono">yourConnectorHere</code> with your key):<br> <li>Bind your server (replace <code
<code class="bg-gray-800 text-teal-400 px-2 py-1 rounded font-mono">holesail --port 25565 yourConnectorHere</code><br> class="inline bg-gray-800 text-teal-400 px-1 rounded font-mono">yourConnectorHere</code>
- Connect to <code class="bg-gray-800 text-teal-400 px-2 py-1 rounded font-mono">127.0.0.1:25565</code>.<br> with your key):<br>
<code
class="bg-gray-800 text-teal-400 px-2 py-1 rounded font-mono">holesail --port 25565 yourConnectorHere</code><br>
- Connect to <code
class="bg-gray-800 text-teal-400 px-2 py-1 rounded font-mono">127.0.0.1:25565</code>.<br>
- For public access:<br> - For public access:<br>
<code class="bg-gray-800 text-teal-400 px-2 py-1 rounded font-mono">holesail --port 25565 --host 0.0.0.0 yourConnectorHere</code> <code
class="bg-gray-800 text-teal-400 px-2 py-1 rounded font-mono">holesail --port 25565 --host 0.0.0.0 yourConnectorHere</code>
</li> </li>
</ol> </ol>
</div> </div>
@@ -276,10 +326,13 @@
<p class="font-semibold text-teal-300">Automated Setup</p> <p class="font-semibold text-teal-300">Automated Setup</p>
<ol class="list-decimal list-inside space-y-2"> <ol class="list-decimal list-inside space-y-2">
<li>Run the setup script:<br> <li>Run the setup script:<br>
<code class="bg-gray-800 text-teal-400 px-2 py-1 rounded font-mono">bash <(curl -s https://my-mc.link/connectMC)</code> <code
class="bg-gray-800 text-teal-400 px-2 py-1 rounded font-mono">bash <(curl -s https://my-mc.link/connectMC)</code>
</li> </li>
<li>Enter your connection hash and port when prompted.</li> <li>Enter your connection hash and port when prompted.</li>
<li>Connect to <code class="bg-gray-800 text-teal-400 px-2 py-1 rounded font-mono">localhost:<port></code> in Minecraft.</li> <li>Connect to <code
class="bg-gray-800 text-teal-400 px-2 py-1 rounded font-mono">localhost:<port></code>
in Minecraft.</li>
</ol> </ol>
</div> </div>
</div> </div>
@@ -287,22 +340,31 @@
</section> </section>
<section id="subdomain-registration" class="section-bg p-8 sm:p-10 mb-12"> <section id="subdomain-registration" 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"> <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">
Subdomain Registration Subdomain Registration
</h2> </h2>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
My-MC.Link now supports SRV record registration, allowing you to use a custom subdomain (e.g., <code class="bg-gray-800 text-teal-400 px-1 rounded">raven.my-mc.link</code>) as your server's connection string, along with automatic custom website and BlueMap URLs for a more personalized and user-friendly experience. My-MC.Link now supports SRV record registration, allowing you to use a custom subdomain (e.g., <code
class="bg-gray-800 text-teal-400 px-1 rounded">raven.my-mc.link</code>) as your server's connection
string, along with automatic custom website and BlueMap URLs for a more personalized and user-friendly
experience.
</p> </p>
<h3 class="text-xl minecraft-font mb-6 text-teal-400">Key Features</h3> <h3 class="text-xl minecraft-font mb-6 text-teal-400">Key Features</h3>
<ul class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed list-disc list-inside mb-8"> <ul class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed list-disc list-inside mb-8">
<li><strong>Custom Subdomain</strong>: Register a unique subdomain to connect to your server.</li> <li><strong>Custom Subdomain</strong>: Register a unique subdomain to connect to your server.</li>
<li><strong>Automatic Website Hosting</strong>: Get a custom website at <code class="bg-gray-800 text-teal-400 px-1 rounded">yoursubdomain.my-mc.link</code>.</li> <li><strong>Automatic Website Hosting</strong>: Get a custom website at <code
<li><strong>BlueMap Integration</strong>: Access your interactive map at <code class="bg-gray-800 text-teal-400 px-1 rounded">yoursubdomain-map.my-mc.link</code>.</li> class="bg-gray-800 text-teal-400 px-1 rounded">yoursubdomain.my-mc.link</code>.</li>
<li><strong>Server List Integration</strong>: Registered subdomains, website, and map URLs are displayed on the server list page instead of the default address.</li> <li><strong>BlueMap Integration</strong>: Access your interactive map at <code
class="bg-gray-800 text-teal-400 px-1 rounded">yoursubdomain-map.my-mc.link</code>.</li>
<li><strong>Server List Integration</strong>: Registered subdomains, website, and map URLs are displayed
on the server list page instead of the default address.</li>
</ul> </ul>
<h3 class="text-xl minecraft-font mb-6 text-teal-400">How to Register a Subdomain</h3> <h3 class="text-xl minecraft-font mb-6 text-teal-400">How to Register a Subdomain</h3>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
To register a subdomain and enable automatic website and BlueMap hosting, run the following command in-game (replace <code class="bg-gray-800 text-teal-400 px-1 rounded">raven</code> with your desired subdomain): To register a subdomain and enable automatic website and BlueMap hosting, run the following command
in-game (replace <code class="bg-gray-800 text-teal-400 px-1 rounded">raven</code> with your desired
subdomain):
</p> </p>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
<code class="bg-gray-800 text-teal-400 px-1 rounded">/subdomain-register subdomain: raven</code> <code class="bg-gray-800 text-teal-400 px-1 rounded">/subdomain-register subdomain: raven</code>
@@ -310,9 +372,12 @@
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
Once registered, you can: Once registered, you can:
<ul class="list-disc list-inside"> <ul class="list-disc list-inside">
<li>Connect to your server using <code class="bg-gray-800 text-teal-400 px-1 rounded">raven.my-mc.link</code>.</li> <li>Connect to your server using <code
<li>Visit your website at <code class="bg-gray-800 text-teal-400 px-1 rounded">raven.my-mc.link</code>.</li> class="bg-gray-800 text-teal-400 px-1 rounded">raven.my-mc.link</code>.</li>
<li>View your BlueMap at <code class="bg-gray-800 text-teal-400 px-1 rounded">raven-map.my-mc.link</code>.</li> <li>Visit your website at <code class="bg-gray-800 text-teal-400 px-1 rounded">raven.my-mc.link</code>.
</li>
<li>View your BlueMap at <code
class="bg-gray-800 text-teal-400 px-1 rounded">raven-map.my-mc.link</code>.</li>
</ul> </ul>
</p> </p>
<h3 class="text-xl minecraft-font mb-6 text-teal-400">Changing or Deleting a Subdomain</h3> <h3 class="text-xl minecraft-font mb-6 text-teal-400">Changing or Deleting a Subdomain</h3>
@@ -324,7 +389,8 @@
<code class="bg-gray-800 text-teal-400 px-1 rounded">/subdomain-delete</code> <code class="bg-gray-800 text-teal-400 px-1 rounded">/subdomain-delete</code>
</li> </li>
<li>Register a new subdomain:<br> <li>Register a new subdomain:<br>
<code class="bg-gray-800 text-teal-400 px-1 rounded">/subdomain-register subdomain: <new-subdomain></code> <code
class="bg-gray-800 text-teal-400 px-1 rounded">/subdomain-register subdomain: <new-subdomain></code>
</li> </li>
</ol> </ol>
</section> </section>
@@ -362,13 +428,18 @@
<ul class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed list-disc list-inside mb-8"> <ul class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed list-disc list-inside mb-8">
<li><strong>Search Mods</strong>:<br> <li><strong>Search Mods</strong>:<br>
<code class="bg-gray-800 text-teal-400 px-1 rounded">/mod-search</code><br> <code class="bg-gray-800 text-teal-400 px-1 rounded">/mod-search</code><br>
Or browse <a href="https://modrinth.com/mods" class="underline text-teal-400 hover:text-blue-400">Modrinth</a>.</li> Or browse <a href="https://modrinth.com/mods"
class="underline text-teal-400 hover:text-blue-400">Modrinth</a>.
</li>
<li><strong>Install a Mod</strong>:<br> <li><strong>Install a Mod</strong>:<br>
<code class="bg-gray-800 text-teal-400 px-1 rounded">/mod-install mod: <modID></code></li> <code class="bg-gray-800 text-teal-400 px-1 rounded">/mod-install mod: <modID></code>
</li>
<li><strong>Update Mods</strong>:<br> <li><strong>Update Mods</strong>:<br>
<code class="bg-gray-800 text-teal-400 px-1 rounded">/mods-update</code></li> <code class="bg-gray-800 text-teal-400 px-1 rounded">/mods-update</code>
</li>
<li><strong>Uninstall a Mod</strong>:<br> <li><strong>Uninstall a Mod</strong>:<br>
<code class="bg-gray-800 text-teal-400 px-1 rounded">/uninstall-mod mod: <modID></code></li> <code class="bg-gray-800 text-teal-400 px-1 rounded">/uninstall-mod mod: <modID></code>
</li>
</ul> </ul>
</section> </section>
@@ -381,12 +452,16 @@
</p> </p>
<ul class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed list-disc list-inside mb-8"> <ul class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed list-disc list-inside mb-8">
<li><strong>Execute a Command</strong>:<br> <li><strong>Execute a Command</strong>:<br>
<code class="bg-gray-800 text-teal-400 px-1 rounded">/mc-cmd cmd: <command></code></li> <code class="bg-gray-800 text-teal-400 px-1 rounded">/mc-cmd cmd: <command></code>
</li>
<li><strong>Convenience Commands</strong>:<br> <li><strong>Convenience Commands</strong>:<br>
- List players: <code class="bg-gray-800 text-teal-400 px-1 rounded">/list-players</code><br> - List players: <code class="bg-gray-800 text-teal-400 px-1 rounded">/list-players</code><br>
- Give items: <code class="bg-gray-800 text-teal-400 px-1 rounded">/give username: <user> item: <item> amount: <amount></code><br> - Give items: <code
- Add to whitelist: <code class="bg-gray-800 text-teal-400 px-1 rounded">/whitelist username: <user></code><br> class="bg-gray-800 text-teal-400 px-1 rounded">/give username: <user> item: <item> amount: <amount></code><br>
- Remove from whitelist: <code class="bg-gray-800 text-teal-400 px-1 rounded">/delist username: <user></code></li> - Add to whitelist: <code
class="bg-gray-800 text-teal-400 px-1 rounded">/whitelist username: <user></code><br>
- Remove from whitelist: <code
class="bg-gray-800 text-teal-400 px-1 rounded">/delist username: <user></code></li>
</ul> </ul>
</section> </section>
@@ -398,7 +473,8 @@
Each server includes an Apache web server for hosting a basic website. Each server includes an Apache web server for hosting a basic website.
</p> </p>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
1. Connect via SFTP to <code class="bg-gray-800 text-teal-400 px-1 rounded">/Minecraft/www</code> and upload your files.<br> 1. Connect via SFTP to <code class="bg-gray-800 text-teal-400 px-1 rounded">/Minecraft/www</code> and
upload your files.<br>
2. Get your website URL:<br> 2. Get your website URL:<br>
<code class="bg-gray-800 text-teal-400 px-1 rounded">/my-website-url</code> <code class="bg-gray-800 text-teal-400 px-1 rounded">/my-website-url</code>
</p> </p>
@@ -412,7 +488,8 @@
class="text-3xl minecraft-font mb-8 text-center bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500"> class="text-3xl minecraft-font mb-8 text-center bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
Bluemap Integration</h2> Bluemap Integration</h2>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
Every server includes a <a href="https://modrinth.com/plugin/bluemap" class="underline text-teal-400 hover:text-blue-400">Bluemap</a> instance for interactive maps. Every server includes a <a href="https://modrinth.com/plugin/bluemap"
class="underline text-teal-400 hover:text-blue-400">Bluemap</a> instance for interactive maps.
</p> </p>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
- Get your Bluemap URL:<br> - Get your Bluemap URL:<br>
@@ -428,19 +505,29 @@
class="text-3xl minecraft-font mb-8 text-center bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500"> class="text-3xl minecraft-font mb-8 text-center bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
Plugin Support</h2> Plugin Support</h2>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
Plugins can be enabled using <a href="https://github.com/CardboardPowered/cardboard" class="underline text-teal-400 hover:text-blue-400">Cardboard</a> or <a href="https://github.com/MohistMC/Banner" class="underline text-teal-400 hover:text-blue-400">Banner</a>, but they may cause instability. Plugins can be enabled using <a href="https://github.com/CardboardPowered/cardboard"
class="underline text-teal-400 hover:text-blue-400">Cardboard</a> or <a
href="https://github.com/MohistMC/Banner"
class="underline text-teal-400 hover:text-blue-400">Banner</a>, but they may cause instability.
</p> </p>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
<strong>Recommended Mod Alternatives</strong>: <strong>Recommended Mod Alternatives</strong>:
</p> </p>
<ul class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed list-disc list-inside mb-8"> <ul class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed list-disc list-inside mb-8">
<li>AuthMe: <a href="https://modrinth.com/mod/easyauth" class="underline text-teal-400 hover:text-blue-400">EasyAuth</a></li> <li>AuthMe: <a href="https://modrinth.com/mod/easyauth"
<li>CoreProtect: <a href="https://modrinth.com/mod/ledger" class="underline text-teal-400 hover:text-blue-400">Ledger</a></li> class="underline text-teal-400 hover:text-blue-400">EasyAuth</a></li>
<li>DiscordSRV: <a href="https://modrinth.com/mod/discord-mc-chat" class="underline text-teal-400 hover:text-blue-400">Discord-MC-Chat</a></li> <li>CoreProtect: <a href="https://modrinth.com/mod/ledger"
<li>Profiling: <a href="https://modrinth.com/mod/spark" class="underline text-teal-400 hover:text-blue-400">Spark</a></li> class="underline text-teal-400 hover:text-blue-400">Ledger</a></li>
<li>Whitelist: <a href="https://modrinth.com/mod/easywhitelist" class="underline text-teal-400 hover:text-blue-400">EasyWhitelist</a></li> <li>DiscordSRV: <a href="https://modrinth.com/mod/discord-mc-chat"
<li>SkinsRestorer: <a href="https://modrinth.com/mod/fabrictailor" class="underline text-teal-400 hover:text-blue-400">FabricTailor</a></li> class="underline text-teal-400 hover:text-blue-400">Discord-MC-Chat</a></li>
<li>LuckPerms: <a href="https://modrinth.com/mod/luckperms" class="underline text-teal-400 hover:text-blue-400">LuckPerms</a></li> <li>Profiling: <a href="https://modrinth.com/mod/spark"
class="underline text-teal-400 hover:text-blue-400">Spark</a></li>
<li>Whitelist: <a href="https://modrinth.com/mod/easywhitelist"
class="underline text-teal-400 hover:text-blue-400">EasyWhitelist</a></li>
<li>SkinsRestorer: <a href="https://modrinth.com/mod/fabrictailor"
class="underline text-teal-400 hover:text-blue-400">FabricTailor</a></li>
<li>LuckPerms: <a href="https://modrinth.com/mod/luckperms"
class="underline text-teal-400 hover:text-blue-400">LuckPerms</a></li>
</ul> </ul>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
<strong>Note</strong>: Use AuthMe/SkinsRestorer only for offline-mode servers. <strong>Note</strong>: Use AuthMe/SkinsRestorer only for offline-mode servers.
@@ -452,15 +539,20 @@
class="text-3xl minecraft-font mb-8 text-center bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500"> class="text-3xl minecraft-font mb-8 text-center bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
Proxy Servers (BungeeCord/Velocity)</h2> Proxy Servers (BungeeCord/Velocity)</h2>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
Proxy servers like Velocity connect multiple Minecraft servers, allowing seamless player transfers. Players connect to a lightweight proxy, which redirects them to “slave” servers. Proxy servers like Velocity connect multiple Minecraft servers, allowing seamless player transfers.
Players connect to a lightweight proxy, which redirects them to “slave” servers.
</p> </p>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
<strong>Recommended Proxy</strong>: Use <strong>Velocity</strong> for stability and performance. Avoid BungeeCord (outdated) or Waterfall (unsupported). <strong>Recommended Proxy</strong>: Use <strong>Velocity</strong> for stability and performance. Avoid
BungeeCord (outdated) or Waterfall (unsupported).
</p> </p>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
<strong>Connecting to My-MC.Link</strong>:<br> <strong>Connecting to My-MC.Link</strong>:<br>
1. Use <code class="bg-gray-800 text-teal-400 px-1 rounded">/my-mc-link</code> for a temporary domain (7-day limit) or the Advanced Connection method.<br> 1. Use <code class="bg-gray-800 text-teal-400 px-1 rounded">/my-mc-link</code> for a temporary domain
2. Install <a href="https://modrinth.com/mod/fabricproxy-lite" class="underline text-teal-400 hover:text-blue-400">FabricProxy-Lite</a> on your Fabric server to prevent direct connections. (7-day limit) or the Advanced Connection method.<br>
2. Install <a href="https://modrinth.com/mod/fabricproxy-lite"
class="underline text-teal-400 hover:text-blue-400">FabricProxy-Lite</a> on your Fabric server to
prevent direct connections.
</p> </p>
</section> </section>
@@ -474,13 +566,17 @@
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
<strong>How to Connect</strong>:<br> <strong>How to Connect</strong>:<br>
1. Install the Fabric mod loader.<br> 1. Install the Fabric mod loader.<br>
2. Download the MyMcRealms mod: <a href="https://realms.my-mc.link/public/mod/MyMcRealms-1.0.jar" class="underline text-teal-400 hover:text-blue-400">MyMcRealms-1.0.jar</a>.<br> 2. Download the MyMcRealms mod: <a href="https://realms.my-mc.link/public/mod/MyMcRealms-1.0.jar"
3. Place it in your Minecraft <code>mods</code> folder (e.g., <code>.minecraft/versions/1.21/mods</code>).<br> class="underline text-teal-400 hover:text-blue-400">MyMcRealms-1.0.jar</a>.<br>
3. Place it in your Minecraft <code>mods</code> folder (e.g.,
<code>.minecraft/versions/1.21/mods</code>).<br>
4. Launch Minecraft and click the <strong>Minecraft Realms</strong> button. 4. Launch Minecraft and click the <strong>Minecraft Realms</strong> button.
</p> </p>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
<strong>Troubleshooting</strong>:<br> <strong>Troubleshooting</strong>:<br>
- <strong>Server Not Visible</strong>: Run <code class="bg-gray-800 text-teal-400 px-1 rounded">/my-mc-link</code> and wait ~1 minute or restart the game.<br> - <strong>Server Not Visible</strong>: Run <code
class="bg-gray-800 text-teal-400 px-1 rounded">/my-mc-link</code> and wait ~1 minute or restart the
game.<br>
- <strong>Not the Owner</strong>: Claim ownership with:<br> - <strong>Not the Owner</strong>: Claim ownership with:<br>
<code class="bg-gray-800 text-teal-400 px-1 rounded">/mc-cmd cmd: op <yourUsername></code> <code class="bg-gray-800 text-teal-400 px-1 rounded">/mc-cmd cmd: op <yourUsername></code>
</p> </p>
@@ -509,16 +605,28 @@
<strong>Key Features</strong>: <strong>Key Features</strong>:
</p> </p>
<ul class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed list-disc list-inside mb-8"> <ul class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed list-disc list-inside mb-8">
<li><strong>Authentication</strong>: Generate a 365-day API key with <code class="bg-gray-800 text-teal-400 px-1 rounded">/api-key</code> in Discord.</li> <li><strong>Authentication</strong>: Generate a 365-day API key with <code
<li><strong>Server Management</strong>: Start, stop, or restart servers (<code>GET /start</code>, <code>/stop</code>, <code>/restart</code>).</li> class="bg-gray-800 text-teal-400 px-1 rounded">/api-key</code> in Discord.</li>
<li><strong>Player Management</strong>: List players (<code>GET /list-players</code>), ban/unban (<code>POST /ban</code>, <code>/unban</code>), send messages (<code>POST /say</code>, <code>/tell</code>).</li> <li><strong>Server Management</strong>: Start, stop, or restart servers (<code>GET /start</code>,
<li><strong>Mod Management</strong>: Install/uninstall mods (<code>POST /install</code>, <code>/uninstall</code>), search mods (<code>POST /search</code>), list mods (<code>GET /mod-list</code>).</li> <code>/stop</code>, <code>/restart</code>).
<li><strong>Monitoring</strong>: View stats (<code>GET /stats</code>) and logs (<code>GET /log</code>).</li> </li>
<li><strong>Player Management</strong>: List players (<code>GET /list-players</code>), ban/unban
(<code>POST /ban</code>, <code>/unban</code>), send messages (<code>POST /say</code>,
<code>/tell</code>).
</li>
<li><strong>Mod Management</strong>: Install/uninstall mods (<code>POST /install</code>,
<code>/uninstall</code>), search mods (<code>POST /search</code>), list mods
(<code>GET /mod-list</code>).
</li>
<li><strong>Monitoring</strong>: View stats (<code>GET /stats</code>) and logs (<code>GET /log</code>).
</li>
</ul> </ul>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
<strong>Documentation</strong>:<br> <strong>Documentation</strong>:<br>
- API: <a href="https://info.my-mc.link/api/" class="underline text-teal-400 hover:text-blue-400">API Docs</a><br> - API: <a href="https://info.my-mc.link/api/" class="underline text-teal-400 hover:text-blue-400">API
- JavaScript Library: <a href="https://info.my-mc.link/mymc-lib/" class="underline text-teal-400 hover:text-blue-400">MyMC Lib Docs</a> Docs</a><br>
- JavaScript Library: <a href="https://info.my-mc.link/mymc-lib/"
class="underline text-teal-400 hover:text-blue-400">MyMC Lib Docs</a>
</p> </p>
</section> </section>
@@ -535,7 +643,8 @@
</p> </p>
</section> </section>
</main> </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"> <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">© 2025 My-MC.Link. All rights reserved.</p>
<p class="text-sm opacity-90 mt-3"> <p class="text-sm opacity-90 mt-3">
@@ -543,6 +652,8 @@
donated by <a href="https://raven-scott.fyi" class="underline">SNXRaven</a> donated by <a href="https://raven-scott.fyi" class="underline">SNXRaven</a>
</p> </p>
</footer> </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://my-mc.link/js/main.js"></script>
</body> </body>

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

@@ -16,6 +16,7 @@
position: relative; position: relative;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.copy-button { .copy-button {
position: absolute; position: absolute;
top: 0.5rem; top: 0.5rem;
@@ -29,18 +30,22 @@
font-size: 0.875rem; font-size: 0.875rem;
transition: background 0.2s; transition: background 0.2s;
} }
.copy-button:hover { .copy-button:hover {
background: #4a5568; background: #4a5568;
} }
.copy-button.copied { .copy-button.copied {
background: #2f855a; background: #2f855a;
} }
pre[class*="language-"] { pre[class*="language-"] {
margin: 0; margin: 0;
padding: 1rem; padding: 1rem;
border-radius: 0.5rem; border-radius: 0.5rem;
position: relative; position: relative;
} }
/* Table of Contents Styles */ /* Table of Contents Styles */
.toc { .toc {
background: rgba(17, 24, 39, 0.8); background: rgba(17, 24, 39, 0.8);
@@ -51,6 +56,7 @@
max-width: 800px; max-width: 800px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
} }
.toc h2 { .toc h2 {
font-family: 'minecraft-font', sans-serif; font-family: 'minecraft-font', sans-serif;
font-size: 1.75rem; font-size: 1.75rem;
@@ -61,13 +67,16 @@
color: transparent; color: transparent;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
.toc ul { .toc ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
} }
.toc li { .toc li {
margin: 0.75rem 0; margin: 0.75rem 0;
} }
.toc a { .toc a {
color: #d1d5db; color: #d1d5db;
text-decoration: none; text-decoration: none;
@@ -78,19 +87,23 @@
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 8px; border-radius: 8px;
} }
.toc a:hover { .toc a:hover {
color: #14b8a6; color: #14b8a6;
transform: translateX(10px); transform: translateX(10px);
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
} }
@media (max-width: 640px) { @media (max-width: 640px) {
.toc { .toc {
padding: 1rem; padding: 1rem;
margin: 1rem; margin: 1rem;
} }
.toc h2 { .toc h2 {
font-size: 1.5rem; font-size: 1.5rem;
} }
.toc a { .toc a {
font-size: 1rem; font-size: 1rem;
} }
@@ -100,40 +113,44 @@
<body> <body>
<!-- Hamburger Menu Icon (visible on mobile) --> <!-- 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;"> <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 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> <span class="bar w-6 h-0.5 bg-teal-400 transition-all duration-300"></span>
</button> </button>
<!-- Mobile Navigation Menu --> <!-- 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);"> <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"> <ul class="text-center">
<li class="mb-6"> <li class="mb-6">
<a href="https://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">Go Home</a> <a href="https://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">Go Home</a>
</li> </li>
<li class="mb-6"> <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">Wiki Home</a> <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">Wiki
Home</a>
</li> </li>
</ul> </ul>
</nav> </nav>
<!-- Particle Effects --> <!-- Particles.js Container -->
<div class="particle"></div> <div id="particles-js" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;"></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-1"> <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 class="header-content flex items-center justify-between max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div> <div>
<h1 class="text-5xl minecraft-font bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500"> <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> My-MC.Link</h1>
<p class="text-lg mt-4 opacity-90 tracking-wide font-medium">Futuristic Free Minecraft Hosting</p> <p class="text-lg mt-4 opacity-90 tracking-wide font-medium">Futuristic Free Minecraft Hosting</p>
</div> </div>
<!-- Navigation Buttons (hidden on mobile) --> <!-- Navigation Buttons (hidden on mobile) -->
<nav class="flex items-center gap-2 hidden md:flex"> <nav class="flex items-center gap-2 hidden md:flex">
<a href="https://my-mc.link" class="nav-btn" target="_blank">Go Home</a> <a href="https://my-mc.link" class="nav-btn" target="_blank">Go Home</a>
<a href="https://info.my-mc.link" class="nav-btn" target="_blank">Wiki Home</a> </nav> <a href="https://info.my-mc.link" class="nav-btn" target="_blank">Wiki Home</a>
</nav>
</div> </div>
</header> </header>
@@ -176,18 +193,24 @@
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-16 relative z-10"> <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-16 relative z-10">
<section id="overview" class="section-bg p-8 sm:p-10 mb-12"> <section id="overview" 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"> <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">
Overview</h2> Overview</h2>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
The <code class="bg-gray-800 text-teal-400 px-1 rounded">MyMCLib</code> library provides a convenient way to interact with the My-MC.Link API for managing Minecraft servers. It includes methods for performing various actions such as retrieving server information, managing server settings, controlling gameplay, and interacting with players. The <code class="bg-gray-800 text-teal-400 px-1 rounded">MyMCLib</code> library provides a convenient
way to interact with the My-MC.Link API for managing Minecraft servers. It includes methods for
performing various actions such as retrieving server information, managing server settings, controlling
gameplay, and interacting with players.
</p> </p>
</section> </section>
<section id="installation" class="section-bg p-8 sm:p-10 mb-12"> <section id="installation" 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"> <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">
Installation</h2> Installation</h2>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
To use the <code class="bg-gray-800 text-teal-400 px-1 rounded">MyMCLib</code> library in your project, install it via Maven: 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> </p>
<div class="code-block-wrapper"> <div class="code-block-wrapper">
<pre class="language-xml"><code><dependency> <pre class="language-xml"><code><dependency>
@@ -201,16 +224,20 @@
or via Gradle: or via Gradle:
</p> </p>
<div class="code-block-wrapper"> <div class="code-block-wrapper">
<pre class="language-gradle"><code>implementation group: 'io.github.mrmasrozytlive', name: 'mymc-java-lib', version: '1.2.0'</code></pre> <pre
class="language-gradle"><code>implementation group: 'io.github.mrmasrozytlive', name: 'mymc-java-lib', version: '1.2.0'</code></pre>
<button class="copy-button" onclick="copyCode(this)">Copy</button> <button class="copy-button" onclick="copyCode(this)">Copy</button>
</div> </div>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
For other ways, visit:<BR> <a href="https://central.sonatype.com/artifact/io.github.mrmasrozytlive/mymc-java-lib" target="_blank">https://central.sonatype.com/artifact/io.github.mrmasrozytlive/mymc-java-lib</a>. For other ways, visit:<BR> <a
href="https://central.sonatype.com/artifact/io.github.mrmasrozytlive/mymc-java-lib"
target="_blank">https://central.sonatype.com/artifact/io.github.mrmasrozytlive/mymc-java-lib</a>.
</p> </p>
</section> </section>
<section id="usage" class="section-bg p-8 sm:p-10 mb-12"> <section id="usage" 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"> <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">
Usage</h2> Usage</h2>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
First, import the library into your project: First, import the library into your project:
@@ -220,7 +247,8 @@
<button class="copy-button" onclick="copyCode(this)">Copy</button> <button class="copy-button" onclick="copyCode(this)">Copy</button>
</div> </div>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
Then, create an instance of <code class="bg-gray-800 text-teal-400 px-1 rounded">MyMCLib</code> by providing your API token: Then, create an instance of <code class="bg-gray-800 text-teal-400 px-1 rounded">MyMCLib</code> by
providing your API token:
</p> </p>
<div class="code-block-wrapper"> <div class="code-block-wrapper">
<pre class="language-java"><code>MyMCLib myMcLink = new MyMCLib("API_KEY_HERE");</code></pre> <pre class="language-java"><code>MyMCLib myMcLink = new MyMCLib("API_KEY_HERE");</code></pre>
@@ -253,7 +281,8 @@ public class YourClass {
</section> </section>
<section id="code-examples" class="section-bg p-8 sm:p-10 mb-12"> <section id="code-examples" 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"> <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">
Code Examples</h2> Code Examples</h2>
<div class="grid grid-cols-1 gap-6"> <div class="grid grid-cols-1 gap-6">
<!-- 1. Getting Server Time --> <!-- 1. Getting Server Time -->
@@ -501,7 +530,8 @@ System.out.println(installedMods.toString());</code></pre>
</section> </section>
<section id="api-reference" class="section-bg p-8 sm:p-10 mb-12"> <section id="api-reference" 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"> <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">
API Reference</h2> API Reference</h2>
<h3 class="text-xl minecraft-font mb-3 text-teal-400">MyMCLib Class</h3> <h3 class="text-xl minecraft-font mb-3 text-teal-400">MyMCLib Class</h3>
<h4 class="text-lg font-bold mb-2">Constructor</h4> <h4 class="text-lg font-bold mb-2">Constructor</h4>
@@ -509,50 +539,85 @@ System.out.println(installedMods.toString());</code></pre>
<pre class="language-java"><code>public MyMCLib(String token)</code></pre> <pre class="language-java"><code>public MyMCLib(String token)</code></pre>
<button class="copy-button" onclick="copyCode(this)">Copy</button> <button class="copy-button" onclick="copyCode(this)">Copy</button>
</div> </div>
<p class="text-sm opacity-90 leading-relaxed mb-4">Creates an instance of the <code class="bg-gray-800 text-teal-400 px-1 rounded">MyMCLib</code> class with the provided API token.</p> <p class="text-sm opacity-90 leading-relaxed mb-4">Creates an instance of the <code
class="bg-gray-800 text-teal-400 px-1 rounded">MyMCLib</code> class with the provided API token.</p>
<h4 class="text-lg font-bold mb-2 mt-6">Methods</h4> <h4 class="text-lg font-bold mb-2 mt-6">Methods</h4>
<ul class="text-sm opacity-90 leading-relaxed list-disc pl-6 mb-4"> <ul class="text-sm opacity-90 leading-relaxed list-disc pl-6 mb-4">
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject getTime()</code> - Retrieves the current server time.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject getTime()</code> - Retrieves the
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject getStats()</code> - Retrieves server statistics.</li> current server time.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject getLog()</code> - Retrieves server logs.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject getStats()</code> - Retrieves server
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject startServer()</code> - Starts the Minecraft server.</li> statistics.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject stopServer()</code> - Stops the Minecraft server.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject getLog()</code> - Retrieves server
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject restartServer()</code> - Restarts the Minecraft server.</li> logs.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject createMyLink()</code> - Creates a custom link.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject startServer()</code> - Starts the
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject deleteMyLink()</code> - Deletes a custom link.</li> Minecraft server.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject createLinkSFTP()</code> - Creates an SFTP link.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject stopServer()</code> - Stops the
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject deleteLinkSFTP()</code> - Deletes an SFTP link.</li> Minecraft server.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject getConnectionHash()</code> - Retrieves a connection hash.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject restartServer()</code> - Restarts
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject getConnectionHashSFTP()</code> - Retrieves an SFTP connection hash.</li> the Minecraft server.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject getOnlinePlayers()</code> - Retrieves a list of online players.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject createMyLink()</code> - Creates a
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject getWebsiteURL()</code> - Retrieves the server's website URL.</li> custom link.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject getMapURL()</code> - Retrieves the server's map URL.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject deleteMyLink()</code> - Deletes a
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject postBan(String username)</code> - Bans a player by username.</li> custom link.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject postUnban(String username)</code> - Unbans a player by username.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject createLinkSFTP()</code> - Creates an
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject postSay(String message)</code> - Sends a message to all players.</li> SFTP link.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject postTell(String username, String message)</code> - Sends a private message to a player.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject deleteLinkSFTP()</code> - Deletes an
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject postConsole(String command)</code> - Executes a command in the server console.</li> SFTP link.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject postGive(String username, String item, int amount)</code> - Gives an item to a player.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject getConnectionHash()</code> -
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject installMod(String modID)</code> - Installs a mod by ID.</li> Retrieves a connection hash.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject uninstallMod(String modID)</code> - Uninstalls a mod by ID.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject getConnectionHashSFTP()</code> -
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject getInstalledMods()</code> - Retrieves a list of installed mods.</li> Retrieves an SFTP connection hash.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject getOnlinePlayers()</code> -
Retrieves a list of online players.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject getWebsiteURL()</code> - Retrieves
the server's website URL.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject getMapURL()</code> - Retrieves the
server's map URL.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject postBan(String username)</code> -
Bans a player by username.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject postUnban(String username)</code> -
Unbans a player by username.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject postSay(String message)</code> -
Sends a message to all players.</li>
<li><code
class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject postTell(String username, String message)</code>
- Sends a private message to a player.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject postConsole(String command)</code> -
Executes a command in the server console.</li>
<li><code
class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject postGive(String username, String item, int amount)</code>
- Gives an item to a player.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject installMod(String modID)</code> -
Installs a mod by ID.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject uninstallMod(String modID)</code> -
Uninstalls a mod by ID.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject getInstalledMods()</code> -
Retrieves a list of installed mods.</li>
</ul> </ul>
<h3 class="text-xl minecraft-font mb-3 text-teal-400 mt-8">ApiUtils Class</h3> <h3 class="text-xl minecraft-font mb-3 text-teal-400 mt-8">ApiUtils Class</h3>
<h4 class="text-lg font-bold mb-2">Methods</h4> <h4 class="text-lg font-bold mb-2">Methods</h4>
<ul class="text-sm opacity-90 leading-relaxed list-disc pl-6 mb-4"> <ul class="text-sm opacity-90 leading-relaxed list-disc pl-6 mb-4">
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject getRequest(ApiEndpoint endpoint, String token)</code> - Makes a GET request to the specified API endpoint.</li> <li><code
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject deleteRequest(ApiEndpoint endpoint, String token)</code> - Makes a DELETE request to the specified API endpoint.</li> class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject getRequest(ApiEndpoint endpoint, String token)</code>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject postRequest(ApiEndpoint endpoint, String token, JSONObject data)</code> - Makes a POST request to the specified API endpoint with the provided data.</li> - Makes a GET request to the specified API endpoint.</li>
<li><code
class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject deleteRequest(ApiEndpoint endpoint, String token)</code>
- Makes a DELETE request to the specified API endpoint.</li>
<li><code
class="bg-gray-800 text-teal-400 px-1 rounded">JSONObject postRequest(ApiEndpoint endpoint, String token, JSONObject data)</code>
- Makes a POST request to the specified API endpoint with the provided data.</li>
</ul> </ul>
</section> </section>
<section id="explore-more" class="section-bg p-8 sm:p-10 text-center mb-12"> <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"> <h2
class="text-3xl minecraft-font mb-6 bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
Explore More</h2> Explore More</h2>
<p class="text-lg mb-8 max-w-2xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-2xl mx-auto opacity-90 leading-relaxed">
Ready to automate your server?<BR>Join our community, dive into our resources, and start building with the My-MC.Link API and MyMCLib. Ready to automate your server?<BR>Join our community, dive into our resources, and start building with
the My-MC.Link API and MyMCLib.
</p> </p>
<div class="flex justify-center gap-4 flex-wrap"> <div class="flex justify-center gap-4 flex-wrap">
<a href="https://join.my-mc.link" class="btn-minecraft text-base" target="_blank">Join Our Discord</a> <a href="https://join.my-mc.link" class="btn-minecraft text-base" target="_blank">Join Our Discord</a>
@@ -561,6 +626,8 @@ System.out.println(installedMods.toString());</code></pre>
</section> </section>
</main> </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"> <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">© 2025 My-MC.Link. All rights reserved.</p>
<p class="text-sm opacity-90 mt-3"> <p class="text-sm opacity-90 mt-3">
@@ -568,6 +635,8 @@ System.out.println(installedMods.toString());</code></pre>
donated by <a href="https://raven-scott.fyi" class="underline">SNXRaven</a> donated by <a href="https://raven-scott.fyi" class="underline">SNXRaven</a>
</p> </p>
</footer> </footer>
<script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-java.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-java.min.js"></script>
@@ -590,6 +659,8 @@ System.out.println(installedMods.toString());</code></pre>
}); });
} }
</script> </script>
<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://my-mc.link/js/main.js"></script>
</body> </body>

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

@@ -16,6 +16,7 @@
position: relative; position: relative;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.copy-button { .copy-button {
position: absolute; position: absolute;
top: 0.5rem; top: 0.5rem;
@@ -29,18 +30,22 @@
font-size: 0.875rem; font-size: 0.875rem;
transition: background 0.2s; transition: background 0.2s;
} }
.copy-button:hover { .copy-button:hover {
background: #4a5568; background: #4a5568;
} }
.copy-button.copied { .copy-button.copied {
background: #2f855a; background: #2f855a;
} }
pre[class*="language-"] { pre[class*="language-"] {
margin: 0; margin: 0;
padding: 1rem; padding: 1rem;
border-radius: 0.5rem; border-radius: 0.5rem;
position: relative; position: relative;
} }
/* Table of Contents Styles */ /* Table of Contents Styles */
.toc { .toc {
background: rgba(17, 24, 39, 0.8); background: rgba(17, 24, 39, 0.8);
@@ -51,6 +56,7 @@
max-width: 800px; max-width: 800px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
} }
.toc h2 { .toc h2 {
font-family: 'minecraft-font', sans-serif; font-family: 'minecraft-font', sans-serif;
font-size: 1.75rem; font-size: 1.75rem;
@@ -61,13 +67,16 @@
color: transparent; color: transparent;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
.toc ul { .toc ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
} }
.toc li { .toc li {
margin: 0.75rem 0; margin: 0.75rem 0;
} }
.toc a { .toc a {
color: #d1d5db; color: #d1d5db;
text-decoration: none; text-decoration: none;
@@ -78,11 +87,13 @@
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 8px; border-radius: 8px;
} }
.toc a:hover { .toc a:hover {
color: #14b8a6; color: #14b8a6;
transform: translateX(10px); transform: translateX(10px);
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
} }
/* Ensure code example cards are visible */ /* Ensure code example cards are visible */
.feature-card { .feature-card {
display: block !important; display: block !important;
@@ -96,20 +107,24 @@
padding: 1.5rem; padding: 1.5rem;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
} }
.tilt-card { .tilt-card {
display: block !important; display: block !important;
opacity: 1 !important; opacity: 1 !important;
visibility: visible !important; visibility: visible !important;
transform: none !important; transform: none !important;
} }
@media (max-width: 640px) { @media (max-width: 640px) {
.toc { .toc {
padding: 1rem; padding: 1rem;
margin: 1rem; margin: 1rem;
} }
.toc h2 { .toc h2 {
font-size: 1.5rem; font-size: 1.5rem;
} }
.toc a { .toc a {
font-size: 1rem; font-size: 1rem;
} }
@@ -119,19 +134,26 @@
<body> <body>
<!-- Hamburger Menu Icon (visible on mobile) --> <!-- 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;"> <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 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> <span class="bar w-6 h-0.5 bg-teal-400 transition-all duration-300"></span>
</button> </button>
<!-- Mobile Navigation Menu --> <!-- 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);"> <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"> <ul class="text-center">
<li class="mb-6"> <li class="mb-6">
<a href="https://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">Go Home</a> <a href="https://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">Go Home</a>
</li> </li>
<li class="mb-6"> <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">Wiki Home</a> <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">Wiki
Home</a>
</li> </li>
</ul> </ul>
</nav> </nav>
@@ -145,7 +167,8 @@
<header class="header-bg py-16 text-center relative z-1"> <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 class="header-content flex items-center justify-between max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div> <div>
<h1 class="text-5xl minecraft-font bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500"> <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> My-MC.Link</h1>
<p class="text-lg mt-4 opacity-90 tracking-wide font-medium">Futuristic Free Minecraft Hosting</p> <p class="text-lg mt-4 opacity-90 tracking-wide font-medium">Futuristic Free Minecraft Hosting</p>
</div> </div>
@@ -197,30 +220,41 @@
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-16 relative z-10"> <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-16 relative z-10">
<section id="overview" class="section-bg p-8 sm:p-10 mb-12"> <section id="overview" 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"> <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">
Overview</h2> Overview</h2>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
The <code class="bg-gray-800 text-teal-400 px-1 rounded">MyMCLib</code> library provides a convenient way to interact with the My-MC.Link API for managing Minecraft servers. It includes methods for performing various actions such as retrieving server information, managing server settings, controlling gameplay, and interacting with players. The <code class="bg-gray-800 text-teal-400 px-1 rounded">MyMCLib</code> library provides a convenient
way to interact with the My-MC.Link API for managing Minecraft servers. It includes methods for
performing various actions such as retrieving server information, managing server settings, controlling
gameplay, and interacting with players.
</p> </p>
</section> </section>
<section id="installation" class="section-bg p-8 sm:p-10 mb-12"> <section id="installation" 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"> <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">
Installation</h2> Installation</h2>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
To use the <code class="bg-gray-800 text-teal-400 px-1 rounded">MyMCLib</code> library in your project, install it via npm: To use the <code class="bg-gray-800 text-teal-400 px-1 rounded">MyMCLib</code> library in your project,
install it via npm:
</p> </p>
<div class="code-block-wrapper"> <div class="code-block-wrapper">
<pre class="language-bash"><code>npm install mymc-lib</code></pre> <pre class="language-bash"><code>npm install mymc-lib</code></pre>
<button class="copy-button" onclick="copyCode(this)">Copy</button> <button class="copy-button" onclick="copyCode(this)">Copy</button>
</div> </div>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
<strong>Proper Importing:</strong> To make use of this module, you'll need to either utilize the <code class="bg-gray-800 text-teal-400 px-1 rounded">.mjs</code> extension or incorporate <code class="bg-gray-800 text-teal-400 px-1 rounded">"type": "module"</code> in your <code class="bg-gray-800 text-teal-400 px-1 rounded">package.json</code> file. This ensures compatibility with ECMAScript modules. <strong>Proper Importing:</strong> To make use of this module, you'll need to either utilize the <code
class="bg-gray-800 text-teal-400 px-1 rounded">.mjs</code> extension or incorporate <code
class="bg-gray-800 text-teal-400 px-1 rounded">"type": "module"</code> in your <code
class="bg-gray-800 text-teal-400 px-1 rounded">package.json</code> file. This ensures compatibility
with ECMAScript modules.
</p> </p>
</section> </section>
<section id="usage" class="section-bg p-8 sm:p-10 mb-12"> <section id="usage" 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"> <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">
Usage</h2> Usage</h2>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
First, import the library and create an instance with your API token: First, import the library and create an instance with your API token:
@@ -263,7 +297,8 @@ console.log(keyData);
</section> </section>
<section id="code-examples" class="section-bg p-8 sm:p-10 mb-12"> <section id="code-examples" 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"> <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">
Code Examples</h2> Code Examples</h2>
<div class="grid grid-cols-1 gap-6"> <div class="grid grid-cols-1 gap-6">
<!-- 1. Getting Server Time --> <!-- 1. Getting Server Time -->
@@ -511,7 +546,8 @@ console.log(installedMods);</code></pre>
</section> </section>
<section id="api-reference" class="section-bg p-8 sm:p-10 mb-12"> <section id="api-reference" 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"> <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">
API Reference</h2> API Reference</h2>
<h3 class="text-2xl minecraft-font mb-4 text-teal-400">MyMCLib Class</h3> <h3 class="text-2xl minecraft-font mb-4 text-teal-400">MyMCLib Class</h3>
<h4 class="text-xl mb-3 text-teal-400">Constructor</h4> <h4 class="text-xl mb-3 text-teal-400">Constructor</h4>
@@ -519,61 +555,102 @@ console.log(installedMods);</code></pre>
<pre class="language-typescript"><code>constructor(token: string)</code></pre> <pre class="language-typescript"><code>constructor(token: string)</code></pre>
<button class="copy-button" onclick="copyCode(this)">Copy</button> <button class="copy-button" onclick="copyCode(this)">Copy</button>
</div> </div>
<p class="text-sm opacity-90 leading-relaxed mb-4">Creates an instance of the <code class="bg-gray-800 text-teal-400 px-1 rounded">MyMCLib</code> class with the provided API token.</p> <p class="text-sm opacity-90 leading-relaxed mb-4">Creates an instance of the <code
class="bg-gray-800 text-teal-400 px-1 rounded">MyMCLib</code> class with the provided API token.</p>
<h4 class="text-xl mb-3 text-teal-400">Methods</h4> <h4 class="text-xl mb-3 text-teal-400">Methods</h4>
<ul class="text-sm opacity-90 leading-relaxed mb-4 list-disc list-inside"> <ul class="text-sm opacity-90 leading-relaxed mb-4 list-disc list-inside">
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">getTime(): Promise<any></code> - Retrieves the current server time.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">getTime(): Promise<any></code> - Retrieves the
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">getStats(): Promise<any></code> - Retrieves server statistics.</li> current server time.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">getLog(): Promise<any></code> - Retrieves server logs.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">getStats(): Promise<any></code> - Retrieves
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">startServer(): Promise<any></code> - Starts the Minecraft server.</li> server statistics.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">stopServer(): Promise<any></code> - Stops the Minecraft server.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">getLog(): Promise<any></code> - Retrieves
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">restartServer(): Promise<any></code> - Restarts the Minecraft server.</li> server logs.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">createMyLink(): Promise<any></code> - Creates a custom link.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">startServer(): Promise<any></code> - Starts the
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">deleteMyLink(): Promise<any></code> - Deletes a custom link.</li> Minecraft server.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">createLinkSFTP(): Promise<any></code> - Creates an SFTP link.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">stopServer(): Promise<any></code> - Stops the
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">deleteLinkSFTP(): Promise<any></code> - Deletes an SFTP link.</li> Minecraft server.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">getConnectionHash(): Promise<any></code> - Retrieves a connection hash.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">restartServer(): Promise<any></code> - Restarts
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">getConnectionHashSFTP(): Promise<any></code> - Retrieves an SFTP connection hash.</li> the Minecraft server.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">getOnlinePlayers(): Promise<any></code> - Retrieves a list of online players.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">createMyLink(): Promise<any></code> - Creates a
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">getWebsiteURL(): Promise<any></code> - Retrieves the server's website URL.</li> custom link.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">getMapURL(): Promise<any></code> - Retrieves the server's map URL.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">deleteMyLink(): Promise<any></code> - Deletes a
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">postBan(username: string): Promise<any></code> - Bans a player by username.</li> custom link.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">postUnban(username: string): Promise<any></code> - Unbans a player by username.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">createLinkSFTP(): Promise<any></code> - Creates
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">postSay(message: string): Promise<any></code> - Sends a message to all players.</li> an SFTP link.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">postTell(username: string, message: string): Promise<any></code> - Sends a private message to a player.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">deleteLinkSFTP(): Promise<any></code> - Deletes
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">postConsole(command: string): Promise<any></code> - Executes a command in the server console.</li> an SFTP link.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">postGive(username: string, item: string, amount: number): Promise<any></code> - Gives an item to a player.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">getConnectionHash(): Promise<any></code> -
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">installMod(modID: string): Promise<any></code> - Installs a mod by ID.</li> Retrieves a connection hash.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">uninstallMod(modID: string): Promise<any></code> - Uninstalls a mod by ID.</li> <li><code class="bg-gray-800 text-teal-400 px-1 rounded">getConnectionHashSFTP(): Promise<any></code> -
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">getInstalledMods(): Promise<any></code> - Retrieves a list of installed mods.</li> Retrieves an SFTP connection hash.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">getOnlinePlayers(): Promise<any></code> -
Retrieves a list of online players.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">getWebsiteURL(): Promise<any></code> -
Retrieves the server's website URL.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">getMapURL(): Promise<any></code> - Retrieves
the server's map URL.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">postBan(username: string): Promise<any></code>
- Bans a player by username.</li>
<li><code
class="bg-gray-800 text-teal-400 px-1 rounded">postUnban(username: string): Promise<any></code>
- Unbans a player by username.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">postSay(message: string): Promise<any></code> -
Sends a message to all players.</li>
<li><code
class="bg-gray-800 text-teal-400 px-1 rounded">postTell(username: string, message: string): Promise<any></code>
- Sends a private message to a player.</li>
<li><code
class="bg-gray-800 text-teal-400 px-1 rounded">postConsole(command: string): Promise<any></code>
- Executes a command in the server console.</li>
<li><code
class="bg-gray-800 text-teal-400 px-1 rounded">postGive(username: string, item: string, amount: number): Promise<any></code>
- Gives an item to a player.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">installMod(modID: string): Promise<any></code>
- Installs a mod by ID.</li>
<li><code
class="bg-gray-800 text-teal-400 px-1 rounded">uninstallMod(modID: string): Promise<any></code>
- Uninstalls a mod by ID.</li>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">getInstalledMods(): Promise<any></code> -
Retrieves a list of installed mods.</li>
</ul> </ul>
<h3 class="text-2xl minecraft-font mb-4 text-teal-400">ApiUtils Class</h3> <h3 class="text-2xl minecraft-font mb-4 text-teal-400">ApiUtils Class</h3>
<h4 class="text-xl mb-3 text-teal-400">Methods</h4> <h4 class="text-xl mb-3 text-teal-400">Methods</h4>
<ul class="text-sm opacity-90 leading-relaxed mb-4 list-disc list-inside"> <ul class="text-sm opacity-90 leading-relaxed mb-4 list-disc list-inside">
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">getRequest(endpoint: ApiEndpoint, token: string): Promise<any></code> - Makes a GET request to the specified API endpoint.</li> <li><code
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">deleteRequest(endpoint: ApiEndpoint, token: string): Promise<any></code> - Makes a DELETE request to the specified API endpoint.</li> class="bg-gray-800 text-teal-400 px-1 rounded">getRequest(endpoint: ApiEndpoint, token: string): Promise<any></code>
<li><code class="bg-gray-800 text-teal-400 px-1 rounded">postRequest(endpoint: ApiEndpoint, token: string, data: {}): Promise<any></code> - Makes a POST request to the specified API endpoint with the provided data.</li> - Makes a GET request to the specified API endpoint.</li>
<li><code
class="bg-gray-800 text-teal-400 px-1 rounded">deleteRequest(endpoint: ApiEndpoint, token: string): Promise<any></code>
- Makes a DELETE request to the specified API endpoint.</li>
<li><code
class="bg-gray-800 text-teal-400 px-1 rounded">postRequest(endpoint: ApiEndpoint, token: string, data: {}): Promise<any></code>
- Makes a POST request to the specified API endpoint with the provided data.</li>
</ul> </ul>
</section> </section>
<section id="java-client" class="section-bg p-8 sm:p-10 mb-12"> <section id="java-client" 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"> <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">
Java Client</h2> Java Client</h2>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
We also have a Java client that provides the same functionality. View the documentation at: We also have a Java client that provides the same functionality. View the documentation at:
</p> </p>
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
<a href="https://info.my-mc.link/mymc-java/" class="underline text-teal-400 hover:text-blue-400" target="_blank">Java Client Documentation</a> <a href="https://info.my-mc.link/mymc-java/" class="underline text-teal-400 hover:text-blue-400"
target="_blank">Java Client Documentation</a>
</p> </p>
</section> </section>
<section id="explore-more" class="section-bg p-8 sm:p-10 text-center mb-12"> <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"> <h2
class="text-3xl minecraft-font mb-6 bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
Explore More</h2> Explore More</h2>
<p class="text-lg mb-8 max-w-2xl mx-auto opacity-90 leading-relaxed"> <p class="text-lg mb-8 max-w-2xl mx-auto opacity-90 leading-relaxed">
Ready to automate your server with <code class="bg-gray-800 text-teal-400 px-1 rounded">MyMCLib</code><BR>Join our community, dive into our resources, and start building with the My-MC.Link API. Ready to automate your server with <code
class="bg-gray-800 text-teal-400 px-1 rounded">MyMCLib</code><BR>Join our community, dive into our
resources, and start building with the My-MC.Link API.
</p> </p>
<div class="flex justify-center gap-4 flex-wrap"> <div class="flex justify-center gap-4 flex-wrap">
<a href="https://join.my-mc.link" class="btn-minecraft text-base" target="_blank">Join Our Discord</a> <a href="https://join.my-mc.link" class="btn-minecraft text-base" target="_blank">Join Our Discord</a>
@@ -582,6 +659,8 @@ console.log(installedMods);</code></pre>
</section> </section>
</main> </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"> <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">© 2025 My-MC.Link. All rights reserved.</p>
<p class="text-sm opacity-90 mt-3"> <p class="text-sm opacity-90 mt-3">
@@ -589,6 +668,8 @@ console.log(installedMods);</code></pre>
donated by <a href="https://raven-scott.fyi" class="underline">SNXRaven</a> donated by <a href="https://raven-scott.fyi" class="underline">SNXRaven</a>
</p> </p>
</footer> </footer>
<script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-javascript.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-javascript.min.js"></script>
@@ -611,6 +692,7 @@ console.log(installedMods);</code></pre>
}); });
} }
</script> </script>
<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://my-mc.link/js/main.js"></script>
</body> </body>