Add new particle system
This commit is contained in:
@@ -566,4 +566,13 @@ footer a:hover {
|
||||
font-size: 1rem;
|
||||
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
10
css/style.min.css
vendored
@@ -356,6 +356,9 @@
|
||||
.transform {
|
||||
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-style-position: inside;
|
||||
}
|
||||
@@ -1290,6 +1293,13 @@ footer a:hover {
|
||||
font-size: 1rem;
|
||||
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 {
|
||||
syntax: "*";
|
||||
|
||||
114
index.html
114
index.html
@@ -13,31 +13,45 @@
|
||||
|
||||
<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;">
|
||||
<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;">
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<!-- Particle Effects -->
|
||||
<div class="particle"></div>
|
||||
<div class="particle large"></div>
|
||||
@@ -48,7 +62,8 @@
|
||||
<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">
|
||||
<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>
|
||||
@@ -71,7 +86,8 @@
|
||||
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">
|
||||
<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
|
||||
@@ -83,7 +99,8 @@
|
||||
</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">
|
||||
<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">
|
||||
@@ -110,91 +127,120 @@
|
||||
</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">
|
||||
<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.
|
||||
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!
|
||||
<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">
|
||||
<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!
|
||||
<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>
|
||||
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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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">
|
||||
<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.
|
||||
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>
|
||||
<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>
|
||||
<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!
|
||||
<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">
|
||||
<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,
|
||||
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">
|
||||
@@ -204,7 +250,8 @@
|
||||
</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">
|
||||
<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
|
||||
@@ -222,7 +269,10 @@
|
||||
donated by <a href="https://raven-scott.fyi" class="underline">SNXRaven</a>
|
||||
</p>
|
||||
</footer>
|
||||
<script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script>
|
||||
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
166
js/main.js
166
js/main.js
@@ -33,58 +33,136 @@ sections.forEach(section => {
|
||||
observer.observe(section);
|
||||
});
|
||||
|
||||
// const PARTICLE_POOL_SIZE = 50;
|
||||
// const particlePool = [];
|
||||
// const activeParticles = new Set();
|
||||
particlesJS("particles-js", {
|
||||
"particles": {
|
||||
"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() {
|
||||
// const particle = document.createElement('div');
|
||||
// particle.classList.add('particle');
|
||||
// if (Math.random() > 0.6) particle.classList.add('large');
|
||||
// return particle;
|
||||
// }
|
||||
// Custom logic for glow effect
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const pJS = window.pJSDom[0].pJS;
|
||||
const targetElements = document.querySelectorAll('.feature-card, .nav-btn, .btn-minecraft');
|
||||
|
||||
// function initializeParticlePool() {
|
||||
// for (let i = 0; i < PARTICLE_POOL_SIZE; i++) {
|
||||
// particlePool.push(createParticleElement());
|
||||
// }
|
||||
// }
|
||||
// Function to check if a particle is behind or near an element
|
||||
function checkParticleProximity() {
|
||||
targetElements.forEach(element => {
|
||||
const rect = element.getBoundingClientRect();
|
||||
let hasGlow = false;
|
||||
|
||||
// function resetParticle(particle) {
|
||||
// particle.style.left = `${Math.random() * 100}%`;
|
||||
// particle.style.top = `${Math.random() * 100}%`;
|
||||
// particle.style.animationDelay = `${Math.random() * 8}s`;
|
||||
// particle.style.animationDuration = `${8 + Math.random() * 6}s`;
|
||||
// particle.classList.remove('fade-out');
|
||||
// return particle;
|
||||
// }
|
||||
pJS.particles.array.forEach(particle => {
|
||||
const particleX = particle.x + pJS.canvas.el.offsetLeft;
|
||||
const particleY = particle.y + pJS.canvas.el.offsetTop;
|
||||
const buffer = 20; // Buffer zone around element for glow trigger
|
||||
|
||||
// function spawnParticle() {
|
||||
// if (particlePool.length === 0 || activeParticles.size >= PARTICLE_POOL_SIZE) return;
|
||||
// Check if particle is within or near the element's bounding box
|
||||
if (
|
||||
particleX >= rect.left - buffer &&
|
||||
particleX <= rect.right + buffer &&
|
||||
particleY >= rect.top - buffer &&
|
||||
particleY <= rect.bottom + buffer
|
||||
) {
|
||||
hasGlow = true;
|
||||
}
|
||||
});
|
||||
|
||||
// const particle = resetParticle(particlePool.pop());
|
||||
// if (!particle.parentNode) document.body.appendChild(particle);
|
||||
// activeParticles.add(particle);
|
||||
// Apply or remove glow effect
|
||||
if (hasGlow) {
|
||||
element.classList.add('glow-effect');
|
||||
element.classList.remove('no-glow');
|
||||
} else {
|
||||
element.classList.remove('glow-effect');
|
||||
element.classList.add('no-glow');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// setTimeout(() => {
|
||||
// particle.classList.add('fade-out');
|
||||
// setTimeout(() => {
|
||||
// activeParticles.delete(particle);
|
||||
// particlePool.push(particle);
|
||||
// }, 500);
|
||||
// }, 14000);
|
||||
// }
|
||||
// Run proximity check in a separate animation loop
|
||||
function animateGlowEffect() {
|
||||
checkParticleProximity();
|
||||
requestAnimationFrame(animateGlowEffect);
|
||||
}
|
||||
|
||||
// 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) {
|
||||
let lastTime = 0;
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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">
|
||||
|
||||
</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;">
|
||||
<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;">
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<a href="https://info.my-mc.link"
|
||||
class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400"
|
||||
target="_blank">Wiki</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- Particle Effects -->
|
||||
<div class="particle"></div>
|
||||
<div class="particle large"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle large"></div>
|
||||
<div class="particle"></div>
|
||||
<!-- 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">
|
||||
<h1
|
||||
class="text-5xl minecraft-font bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
|
||||
My-MC.Link Servers</h1>
|
||||
<p class="text-lg mt-4 opacity-90 tracking-wide font-medium">Explore Public Minecraft Servers</p>
|
||||
</div>
|
||||
@@ -62,7 +71,8 @@
|
||||
|
||||
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-16 relative z-2">
|
||||
<section class="section-bg p-8 sm:p-10 mb-12">
|
||||
<h2 class="text-3xl minecraft-font mb-8 text-center bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
|
||||
<h2
|
||||
class="text-3xl minecraft-font mb-8 text-center bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
|
||||
Public Server List</h2>
|
||||
<div class="text-center">
|
||||
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
|
||||
@@ -71,26 +81,33 @@
|
||||
</p>
|
||||
</div>
|
||||
<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 id="server-list" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<!-- Server cards will be dynamically inserted here -->
|
||||
</div>
|
||||
<p id="loading-message" class="text-center text-gray-400 mt-8">Loading servers...</p>
|
||||
<p id="error-message" class="text-center text-red-400 mt-8 hidden">Failed to load servers. Please try again later.</p>
|
||||
<p id="error-message" class="text-center text-red-400 mt-8 hidden">Failed to load servers. Please try again
|
||||
later.</p>
|
||||
</section>
|
||||
</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 mt-3">
|
||||
Powered by <a href="https://holesail.io" class="underline" target="_blank">Holesail</a> with services
|
||||
donated by <a href="https://raven-scott.fyi" class="underline">SNXRaven</a>
|
||||
</p>
|
||||
</footer>
|
||||
<script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js">
|
||||
</script>
|
||||
|
||||
<script src="https://my-mc.link/js/main.js"></script>
|
||||
<script src="https://list.my-mc.link/server_list.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -12,7 +12,7 @@ function copyToClipboard(text, button) {
|
||||
|
||||
// Function to create a server card
|
||||
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
|
||||
const displayConnect = server.connect2 && server.connect2.includes('.my-mc.link') ? server.connect2 : server.connect;
|
||||
const serverCard = document.createElement('div');
|
||||
@@ -21,7 +21,7 @@ function createServerCard(server, isNew = false) {
|
||||
serverCard.innerHTML = `
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
@@ -72,7 +72,6 @@ function updateServerList(newServers) {
|
||||
newServers.forEach(server => {
|
||||
const existingCard = currentCards.find(card => card.dataset.connect === server.connect);
|
||||
if (existingCard) {
|
||||
const ownerName = server.ops && server.ops.length > 0 ? server.ops[0].name : 'Unknown';
|
||||
const updatedCard = createServerCard(server);
|
||||
existingCard.innerHTML = updatedCard.innerHTML;
|
||||
existingCard.className = updatedCard.className;
|
||||
@@ -119,7 +118,7 @@ async function fetchServers() {
|
||||
searchInput.addEventListener('input', () => {
|
||||
const searchTerm = searchInput.value.trim().toLowerCase();
|
||||
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 version = server.gameVersion.toLowerCase();
|
||||
const status = server.online ? 'online' : 'offline';
|
||||
|
||||
35
terms.html
35
terms.html
@@ -13,36 +13,43 @@
|
||||
|
||||
<body>
|
||||
<!-- Hamburger Menu Icon (visible on mobile) -->
|
||||
<button class="hamburger md:hidden flex flex-col justify-center items-center w-10 h-10 focus:outline-none" style="z-index: 99999; position: fixed; top: 1rem; right: 1rem; pointer-events: auto; background: transparent;">
|
||||
<button class="hamburger md:hidden flex flex-col justify-center items-center w-10 h-10 focus:outline-none"
|
||||
style="z-index: 99999; position: fixed; top: 1rem; right: 1rem; pointer-events: auto; background: transparent;">
|
||||
<span class="bar w-6 h-0.5 bg-teal-400 mb-1.5 transition-all duration-300"></span>
|
||||
<span class="bar w-6 h-0.5 bg-teal-400 mb-1.5 transition-all duration-300"></span>
|
||||
<span class="bar w-6 h-0.5 bg-teal-400 transition-all duration-300"></span>
|
||||
</button>
|
||||
<!-- Mobile Navigation Menu -->
|
||||
<nav class="mobile-nav mobile-nav-container hidden fixed inset-0 flex-col items-center justify-center md:hidden" data-mobile-nav style="z-index: 99998; position: fixed; inset: 0; pointer-events: auto; background: rgba(17, 24, 39, 0.98); backdrop-filter: blur(10px);">
|
||||
<nav class="mobile-nav mobile-nav-container hidden fixed inset-0 flex-col items-center justify-center md:hidden"
|
||||
data-mobile-nav
|
||||
style="z-index: 99998; position: fixed; inset: 0; pointer-events: auto; background: rgba(17, 24, 39, 0.98); backdrop-filter: blur(10px);">
|
||||
<ul class="text-center">
|
||||
<li class="mb-6">
|
||||
<a href="https://panel.my-mc.link" class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400" target="_blank">Panel</a>
|
||||
<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>
|
||||
<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>
|
||||
<a href="https://status.my-mc.link"
|
||||
class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400"
|
||||
target="_blank">Check MC Status</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- Particle Effects -->
|
||||
<div class="particle"></div>
|
||||
<div class="particle large"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle large"></div>
|
||||
<div class="particle"></div>
|
||||
<!-- 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-10">
|
||||
<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">
|
||||
<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>
|
||||
</div>
|
||||
<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">
|
||||
<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>
|
||||
<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>
|
||||
@@ -554,6 +562,7 @@
|
||||
document.querySelector('.mobile-nav-container').classList.toggle('hidden');
|
||||
});
|
||||
</script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script>
|
||||
<script src="../js/main.js"></script>
|
||||
</body>
|
||||
|
||||
|
||||
225
test.html
Normal file
225
test.html
Normal 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>
|
||||
1268
wiki/api/index.html
1268
wiki/api/index.html
File diff suppressed because it is too large
Load Diff
307
wiki/index.html
307
wiki/index.html
@@ -19,7 +19,10 @@
|
||||
margin: 2rem auto;
|
||||
max-width: 800px;
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
|
||||
z-index: 10;
|
||||
/* Add this to ensure TOC is above particles */
|
||||
}
|
||||
|
||||
.toc h2 {
|
||||
font-family: 'minecraft-font', sans-serif;
|
||||
font-size: 1.75rem;
|
||||
@@ -30,13 +33,16 @@
|
||||
color: transparent;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.toc ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.toc li {
|
||||
margin: 0.75rem 0;
|
||||
}
|
||||
|
||||
.toc a {
|
||||
color: #d1d5db;
|
||||
text-decoration: none;
|
||||
@@ -47,19 +53,23 @@
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.toc a:hover {
|
||||
color: #14b8a6;
|
||||
transform: translateX(10px);
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.toc {
|
||||
padding: 1rem;
|
||||
margin: 1rem;
|
||||
}
|
||||
|
||||
.toc h2 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.toc a {
|
||||
font-size: 1rem;
|
||||
}
|
||||
@@ -68,42 +78,47 @@
|
||||
</head>
|
||||
|
||||
<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">
|
||||
<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">
|
||||
<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>
|
||||
|
||||
<!-- Hamburger Menu Icon (visible on mobile) -->
|
||||
<button class="hamburger md:hidden flex flex-col justify-center items-center w-10 h-10 focus:outline-none">
|
||||
<span class="bar w-6 h-0.5 bg-teal-400 mb-1.5 transition-all duration-300"></span>
|
||||
<span class="bar w-6 h-0.5 bg-teal-400 mb-1.5 transition-all duration-300"></span>
|
||||
<span class="bar w-6 h-0.5 bg-teal-400 transition-all duration-300"></span>
|
||||
</button>
|
||||
|
||||
<!-- Navigation Buttons (hidden on mobile) -->
|
||||
<nav class="flex items-center gap-2 hidden md:flex">
|
||||
<a href="https://my-mc.link" class="nav-btn" target="_blank">Go Home</a>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<!-- Mobile Navigation Menu -->
|
||||
<nav class="mobile-nav mobile-nav-container hidden fixed inset-0 bg-gray-900/98 backdrop-filter backdrop-blur-xl z-50 flex-col items-center justify-center md:hidden" data-mobile-nav>
|
||||
<nav class="mobile-nav mobile-nav-container hidden fixed inset-0 bg-gray-900/98 backdrop-filter backdrop-blur-xl z-50 flex-col items-center justify-center md:hidden"
|
||||
data-mobile-nav>
|
||||
<ul class="text-center">
|
||||
<li class="mb-6">
|
||||
<a href="https://panel.my-mc.link" class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400" target="_blank">Panel</a>
|
||||
<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>
|
||||
<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>
|
||||
<a href="https://status.my-mc.link"
|
||||
class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400"
|
||||
target="_blank">Check MC Status</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
@@ -136,54 +151,73 @@
|
||||
</nav>
|
||||
|
||||
<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">
|
||||
<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 is My-MC.Link?</h2>
|
||||
<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>
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div class="feature-card tilt-card">
|
||||
<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 class="feature-card tilt-card">
|
||||
<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 class="feature-card tilt-card">
|
||||
<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 class="feature-card tilt-card">
|
||||
<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 class="feature-card tilt-card">
|
||||
<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 class="feature-card tilt-card">
|
||||
<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>
|
||||
</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">
|
||||
<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
|
||||
</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:
|
||||
</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">
|
||||
<li><strong class="text-teal-400">Fixed Environment</strong>: Servers use pre-built FabricMC images, and custom environments are not supported.</li>
|
||||
<li><strong class="text-teal-400">Server Location</strong>: Servers are hosted within the East Coast, 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
|
||||
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">Fixed Environment</strong>: Servers use pre-built FabricMC images, and
|
||||
custom environments are not supported.</li>
|
||||
<li><strong class="text-teal-400">Server Location</strong>: Servers are hosted within the East Coast,
|
||||
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>
|
||||
</section>
|
||||
|
||||
@@ -196,8 +230,11 @@
|
||||
Before you begin, ensure you:
|
||||
</p>
|
||||
<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>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>
|
||||
<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>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>
|
||||
<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">
|
||||
@@ -209,22 +246,26 @@
|
||||
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
|
||||
- Create a Connection:<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>
|
||||
ℹ️ 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.
|
||||
- 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>
|
||||
ℹ️ 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>
|
||||
</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">
|
||||
<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">
|
||||
<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">
|
||||
<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
|
||||
</h2>
|
||||
|
||||
|
||||
<!-- Simple Connection Section -->
|
||||
<div class="mb-12">
|
||||
<h3 class="text-xl sm:text-2xl minecraft-font mb-6 text-teal-400 font-semibold">Simple Connection</h3>
|
||||
<div class="text-lg max-w-3xl mx-auto opacity-90 leading-relaxed space-y-6">
|
||||
<p>
|
||||
Follow these steps to connect quickly:
|
||||
Follow these steps to connect quickly:
|
||||
</p>
|
||||
<ol class="list-decimal list-inside space-y-2">
|
||||
<li>Generate a P2P proxy link:<br>
|
||||
@@ -236,14 +277,16 @@
|
||||
</li>
|
||||
</ol>
|
||||
<p class="mt-6">
|
||||
<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-sftp</code> to 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>.
|
||||
<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-sftp</code> to
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Advanced Connection Section -->
|
||||
<div>
|
||||
<h3 class="text-xl sm:text-2xl minecraft-font mb-6 text-teal-400 font-semibold">Advanced Connection</h3>
|
||||
@@ -251,35 +294,45 @@
|
||||
<p>
|
||||
For full control, bind your server using Holesail.
|
||||
</p>
|
||||
|
||||
|
||||
<!-- Manual Setup -->
|
||||
<div>
|
||||
<p class="font-semibold text-teal-300">Manual Setup</p>
|
||||
<ol class="list-decimal list-inside space-y-2">
|
||||
<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>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>Bind your server (replace <code class="inline bg-gray-800 text-teal-400 px-1 rounded font-mono">yourConnectorHere</code> 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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Automated Setup -->
|
||||
<div>
|
||||
<p class="font-semibold text-teal-300">Automated Setup</p>
|
||||
<ol class="list-decimal list-inside space-y-2">
|
||||
<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>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>
|
||||
</div>
|
||||
</div>
|
||||
@@ -287,33 +340,45 @@
|
||||
</section>
|
||||
|
||||
<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
|
||||
</h2>
|
||||
<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>
|
||||
<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">
|
||||
<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>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>
|
||||
<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>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>
|
||||
<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">
|
||||
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 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>
|
||||
</p>
|
||||
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
|
||||
Once registered, you can:
|
||||
<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>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 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>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>
|
||||
</p>
|
||||
<h3 class="text-xl minecraft-font mb-6 text-teal-400">Changing or Deleting a Subdomain</h3>
|
||||
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
|
||||
@@ -324,7 +389,8 @@
|
||||
<code class="bg-gray-800 text-teal-400 px-1 rounded">/subdomain-delete</code>
|
||||
</li>
|
||||
<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>
|
||||
</ol>
|
||||
</section>
|
||||
@@ -362,13 +428,18 @@
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
</section>
|
||||
|
||||
@@ -381,12 +452,16 @@
|
||||
</p>
|
||||
<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>
|
||||
<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>
|
||||
- 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>
|
||||
- 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>
|
||||
- Give items: <code
|
||||
class="bg-gray-800 text-teal-400 px-1 rounded">/give username: <user> item: <item> amount: <amount></code><br>
|
||||
- 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>
|
||||
</section>
|
||||
|
||||
@@ -398,7 +473,8 @@
|
||||
Each server includes an Apache web server for hosting a basic website.
|
||||
</p>
|
||||
<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>
|
||||
<code class="bg-gray-800 text-teal-400 px-1 rounded">/my-website-url</code>
|
||||
</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">
|
||||
Bluemap Integration</h2>
|
||||
<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 class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
|
||||
- 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">
|
||||
Plugin Support</h2>
|
||||
<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 class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
|
||||
<strong>Recommended Mod Alternatives</strong>:
|
||||
</p>
|
||||
<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>CoreProtect: <a href="https://modrinth.com/mod/ledger" class="underline text-teal-400 hover:text-blue-400">Ledger</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>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>
|
||||
<li>AuthMe: <a href="https://modrinth.com/mod/easyauth"
|
||||
class="underline text-teal-400 hover:text-blue-400">EasyAuth</a></li>
|
||||
<li>CoreProtect: <a href="https://modrinth.com/mod/ledger"
|
||||
class="underline text-teal-400 hover:text-blue-400">Ledger</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>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>
|
||||
<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.
|
||||
@@ -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">
|
||||
Proxy Servers (BungeeCord/Velocity)</h2>
|
||||
<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 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 class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
|
||||
<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>
|
||||
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.
|
||||
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>
|
||||
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>
|
||||
</section>
|
||||
|
||||
@@ -474,24 +566,28 @@
|
||||
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
|
||||
<strong>How to Connect</strong>:<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>
|
||||
3. Place it in your Minecraft <code>mods</code> folder (e.g., <code>.minecraft/versions/1.21/mods</code>).<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>
|
||||
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.
|
||||
</p>
|
||||
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
|
||||
<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>
|
||||
<code class="bg-gray-800 text-teal-400 px-1 rounded">/mc-cmd cmd: op <yourUsername></code>
|
||||
</p>
|
||||
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
|
||||
<strong>Managing Players</strong>:<br>
|
||||
- <strong>Operator Status</strong>:<br>
|
||||
- In-game: <code class="bg-gray-800 text-teal-400 px-1 rounded">/op <username></code><br>
|
||||
- Via Realms: <code>Configure</code> → <code>Players</code><br>
|
||||
- In-game: <code class="bg-gray-800 text-teal-400 px-1 rounded">/op <username></code><br>
|
||||
- Via Realms: <code>Configure</code> → <code>Players</code><br>
|
||||
- <strong>Whitelist</strong>:<br>
|
||||
- In-game: <code class="bg-gray-800 text-teal-400 px-1 rounded">/whitelist <username></code><br>
|
||||
- Via Realms: <code>Configure</code> → <code>Players</code> or <code>Settings</code>
|
||||
- In-game: <code class="bg-gray-800 text-teal-400 px-1 rounded">/whitelist <username></code><br>
|
||||
- Via Realms: <code>Configure</code> → <code>Players</code> or <code>Settings</code>
|
||||
</p>
|
||||
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
|
||||
<strong>Note</strong>: MyMcRealms is free, unlike Mojang’s premium Realms.
|
||||
@@ -509,16 +605,28 @@
|
||||
<strong>Key Features</strong>:
|
||||
</p>
|
||||
<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>Server Management</strong>: Start, stop, or restart servers (<code>GET /start</code>, <code>/stop</code>, <code>/restart</code>).</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>
|
||||
<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>Server Management</strong>: Start, stop, or restart servers (<code>GET /start</code>,
|
||||
<code>/stop</code>, <code>/restart</code>).
|
||||
</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>
|
||||
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
|
||||
<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>
|
||||
- JavaScript Library: <a href="https://info.my-mc.link/mymc-lib/" class="underline text-teal-400 hover:text-blue-400">MyMC Lib Docs</a>
|
||||
- API: <a href="https://info.my-mc.link/api/" class="underline text-teal-400 hover:text-blue-400">API
|
||||
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>
|
||||
</section>
|
||||
|
||||
@@ -535,7 +643,8 @@
|
||||
</p>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<!-- Particles.js Container -->
|
||||
<div id="particles-js" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;"></div>
|
||||
<footer class="bg-gray-900/20 backdrop-filter backdrop-blur-xl py-8 text-center relative z-10">
|
||||
<p class="text-sm opacity-90">© 2025 My-MC.Link. All rights reserved.</p>
|
||||
<p class="text-sm opacity-90 mt-3">
|
||||
@@ -543,6 +652,8 @@
|
||||
donated by <a href="https://raven-scott.fyi" class="underline">SNXRaven</a>
|
||||
</p>
|
||||
</footer>
|
||||
<script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js">
|
||||
</script>
|
||||
<script src="https://my-mc.link/js/main.js"></script>
|
||||
</body>
|
||||
|
||||
|
||||
@@ -16,6 +16,7 @@
|
||||
position: relative;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.copy-button {
|
||||
position: absolute;
|
||||
top: 0.5rem;
|
||||
@@ -29,18 +30,22 @@
|
||||
font-size: 0.875rem;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
||||
.copy-button:hover {
|
||||
background: #4a5568;
|
||||
}
|
||||
|
||||
.copy-button.copied {
|
||||
background: #2f855a;
|
||||
}
|
||||
|
||||
pre[class*="language-"] {
|
||||
margin: 0;
|
||||
padding: 1rem;
|
||||
border-radius: 0.5rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Table of Contents Styles */
|
||||
.toc {
|
||||
background: rgba(17, 24, 39, 0.8);
|
||||
@@ -51,6 +56,7 @@
|
||||
max-width: 800px;
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.toc h2 {
|
||||
font-family: 'minecraft-font', sans-serif;
|
||||
font-size: 1.75rem;
|
||||
@@ -61,13 +67,16 @@
|
||||
color: transparent;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.toc ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.toc li {
|
||||
margin: 0.75rem 0;
|
||||
}
|
||||
|
||||
.toc a {
|
||||
color: #d1d5db;
|
||||
text-decoration: none;
|
||||
@@ -78,19 +87,23 @@
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.toc a:hover {
|
||||
color: #14b8a6;
|
||||
transform: translateX(10px);
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.toc {
|
||||
padding: 1rem;
|
||||
margin: 1rem;
|
||||
}
|
||||
|
||||
.toc h2 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.toc a {
|
||||
font-size: 1rem;
|
||||
}
|
||||
@@ -100,40 +113,44 @@
|
||||
|
||||
<body>
|
||||
<!-- Hamburger Menu Icon (visible on mobile) -->
|
||||
<button class="hamburger md:hidden flex flex-col justify-center items-center w-10 h-10 focus:outline-none" style="z-index: 99999; position: fixed; top: 1rem; right: 1rem; pointer-events: auto; background: transparent;">
|
||||
<button class="hamburger md:hidden flex flex-col justify-center items-center w-10 h-10 focus:outline-none"
|
||||
style="z-index: 99999; position: fixed; top: 1rem; right: 1rem; pointer-events: auto; background: transparent;">
|
||||
<span class="bar w-6 h-0.5 bg-teal-400 mb-1.5 transition-all duration-300"></span>
|
||||
<span class="bar w-6 h-0.5 bg-teal-400 mb-1.5 transition-all duration-300"></span>
|
||||
<span class="bar w-6 h-0.5 bg-teal-400 transition-all duration-300"></span>
|
||||
</button>
|
||||
<!-- Mobile Navigation Menu -->
|
||||
<nav class="mobile-nav mobile-nav-container hidden fixed inset-0 flex-col items-center justify-center md:hidden" data-mobile-nav style="z-index: 99998; position: fixed; inset: 0; pointer-events: auto; background: rgba(17, 24, 39, 0.98); backdrop-filter: blur(10px);">
|
||||
<nav class="mobile-nav mobile-nav-container hidden fixed inset-0 flex-col items-center justify-center md:hidden"
|
||||
data-mobile-nav
|
||||
style="z-index: 99998; position: fixed; inset: 0; pointer-events: auto; background: rgba(17, 24, 39, 0.98); backdrop-filter: blur(10px);">
|
||||
<ul class="text-center">
|
||||
<li class="mb-6">
|
||||
<a href="https://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 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>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- Particle Effects -->
|
||||
<div class="particle"></div>
|
||||
<div class="particle large"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle large"></div>
|
||||
<div class="particle"></div>
|
||||
|
||||
<!-- 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-1">
|
||||
<div class="header-content flex items-center justify-between max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div>
|
||||
<h1 class="text-5xl minecraft-font bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
|
||||
<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://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>
|
||||
</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">
|
||||
<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>
|
||||
<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>
|
||||
</section>
|
||||
|
||||
<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>
|
||||
<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>
|
||||
<div class="code-block-wrapper">
|
||||
<pre class="language-xml"><code><dependency>
|
||||
@@ -201,16 +224,20 @@
|
||||
or via Gradle:
|
||||
</p>
|
||||
<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>
|
||||
</div>
|
||||
<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>
|
||||
</section>
|
||||
|
||||
<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>
|
||||
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
|
||||
First, import the library into your project:
|
||||
@@ -220,7 +247,8 @@
|
||||
<button class="copy-button" onclick="copyCode(this)">Copy</button>
|
||||
</div>
|
||||
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
|
||||
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>
|
||||
<div class="code-block-wrapper">
|
||||
<pre class="language-java"><code>MyMCLib myMcLink = new MyMCLib("API_KEY_HERE");</code></pre>
|
||||
@@ -253,7 +281,8 @@ public class YourClass {
|
||||
</section>
|
||||
|
||||
<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>
|
||||
<div class="grid grid-cols-1 gap-6">
|
||||
<!-- 1. Getting Server Time -->
|
||||
@@ -501,7 +530,8 @@ System.out.println(installedMods.toString());</code></pre>
|
||||
</section>
|
||||
|
||||
<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>
|
||||
<h3 class="text-xl minecraft-font mb-3 text-teal-400">MyMCLib Class</h3>
|
||||
<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>
|
||||
<button class="copy-button" onclick="copyCode(this)">Copy</button>
|
||||
</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>
|
||||
<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 getStats()</code> - Retrieves server statistics.</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 startServer()</code> - Starts the Minecraft server.</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 restartServer()</code> - Restarts the Minecraft server.</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 deleteMyLink()</code> - Deletes a custom link.</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 deleteLinkSFTP()</code> - Deletes an SFTP link.</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 getConnectionHashSFTP()</code> - 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>
|
||||
<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 getStats()</code> - Retrieves server
|
||||
statistics.</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 startServer()</code> - Starts the
|
||||
Minecraft server.</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 restartServer()</code> - Restarts
|
||||
the Minecraft server.</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 deleteMyLink()</code> - Deletes a
|
||||
custom link.</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 deleteLinkSFTP()</code> - Deletes an
|
||||
SFTP link.</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 getConnectionHashSFTP()</code> -
|
||||
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>
|
||||
|
||||
<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>
|
||||
<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 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>
|
||||
<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
|
||||
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>
|
||||
</section>
|
||||
|
||||
<section id="explore-more" class="section-bg p-8 sm:p-10 text-center mb-12">
|
||||
<h2 class="text-3xl minecraft-font mb-6 bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
@@ -561,6 +626,8 @@ System.out.println(installedMods.toString());</code></pre>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<!-- Particles.js Container -->
|
||||
<div id="particles-js" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;"></div>
|
||||
<footer class="bg-gray-900/20 backdrop-filter backdrop-blur-xl py-8 text-center relative z-10">
|
||||
<p class="text-sm opacity-90">© 2025 My-MC.Link. All rights reserved.</p>
|
||||
<p class="text-sm opacity-90 mt-3">
|
||||
@@ -568,6 +635,8 @@ System.out.println(installedMods.toString());</code></pre>
|
||||
donated by <a href="https://raven-scott.fyi" class="underline">SNXRaven</a>
|
||||
</p>
|
||||
</footer>
|
||||
<script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js">
|
||||
</script>
|
||||
|
||||
<script src="https://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>
|
||||
@@ -590,6 +659,8 @@ System.out.println(installedMods.toString());</code></pre>
|
||||
});
|
||||
}
|
||||
</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>
|
||||
</body>
|
||||
|
||||
|
||||
@@ -16,6 +16,7 @@
|
||||
position: relative;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.copy-button {
|
||||
position: absolute;
|
||||
top: 0.5rem;
|
||||
@@ -29,18 +30,22 @@
|
||||
font-size: 0.875rem;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
||||
.copy-button:hover {
|
||||
background: #4a5568;
|
||||
}
|
||||
|
||||
.copy-button.copied {
|
||||
background: #2f855a;
|
||||
}
|
||||
|
||||
pre[class*="language-"] {
|
||||
margin: 0;
|
||||
padding: 1rem;
|
||||
border-radius: 0.5rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Table of Contents Styles */
|
||||
.toc {
|
||||
background: rgba(17, 24, 39, 0.8);
|
||||
@@ -51,6 +56,7 @@
|
||||
max-width: 800px;
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.toc h2 {
|
||||
font-family: 'minecraft-font', sans-serif;
|
||||
font-size: 1.75rem;
|
||||
@@ -61,13 +67,16 @@
|
||||
color: transparent;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.toc ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.toc li {
|
||||
margin: 0.75rem 0;
|
||||
}
|
||||
|
||||
.toc a {
|
||||
color: #d1d5db;
|
||||
text-decoration: none;
|
||||
@@ -78,11 +87,13 @@
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.toc a:hover {
|
||||
color: #14b8a6;
|
||||
transform: translateX(10px);
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
/* Ensure code example cards are visible */
|
||||
.feature-card {
|
||||
display: block !important;
|
||||
@@ -96,20 +107,24 @@
|
||||
padding: 1.5rem;
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.tilt-card {
|
||||
display: block !important;
|
||||
opacity: 1 !important;
|
||||
visibility: visible !important;
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.toc {
|
||||
padding: 1rem;
|
||||
margin: 1rem;
|
||||
}
|
||||
|
||||
.toc h2 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.toc a {
|
||||
font-size: 1rem;
|
||||
}
|
||||
@@ -119,19 +134,26 @@
|
||||
|
||||
<body>
|
||||
<!-- Hamburger Menu Icon (visible on mobile) -->
|
||||
<button class="hamburger md:hidden flex flex-col justify-center items-center w-10 h-10 focus:outline-none" style="z-index: 99999; position: fixed; top: 1rem; right: 1rem; pointer-events: auto; background: transparent;">
|
||||
<button class="hamburger md:hidden flex flex-col justify-center items-center w-10 h-10 focus:outline-none"
|
||||
style="z-index: 99999; position: fixed; top: 1rem; right: 1rem; pointer-events: auto; background: transparent;">
|
||||
<span class="bar w-6 h-0.5 bg-teal-400 mb-1.5 transition-all duration-300"></span>
|
||||
<span class="bar w-6 h-0.5 bg-teal-400 mb-1.5 transition-all duration-300"></span>
|
||||
<span class="bar w-6 h-0.5 bg-teal-400 transition-all duration-300"></span>
|
||||
</button>
|
||||
<!-- Mobile Navigation Menu -->
|
||||
<nav class="mobile-nav mobile-nav-container hidden fixed inset-0 flex-col items-center justify-center md:hidden" data-mobile-nav style="z-index: 99998; position: fixed; inset: 0; pointer-events: auto; background: rgba(17, 24, 39, 0.98); backdrop-filter: blur(10px);">
|
||||
<nav class="mobile-nav mobile-nav-container hidden fixed inset-0 flex-col items-center justify-center md:hidden"
|
||||
data-mobile-nav
|
||||
style="z-index: 99998; position: fixed; inset: 0; pointer-events: auto; background: rgba(17, 24, 39, 0.98); backdrop-filter: blur(10px);">
|
||||
<ul class="text-center">
|
||||
<li class="mb-6">
|
||||
<a href="https://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 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>
|
||||
</ul>
|
||||
</nav>
|
||||
@@ -145,7 +167,8 @@
|
||||
<header class="header-bg py-16 text-center relative z-1">
|
||||
<div class="header-content flex items-center justify-between max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div>
|
||||
<h1 class="text-5xl minecraft-font bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
|
||||
<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>
|
||||
@@ -197,30 +220,41 @@
|
||||
|
||||
<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">
|
||||
<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>
|
||||
<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>
|
||||
</section>
|
||||
|
||||
<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>
|
||||
<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>
|
||||
<div class="code-block-wrapper">
|
||||
<pre class="language-bash"><code>npm install mymc-lib</code></pre>
|
||||
<button class="copy-button" onclick="copyCode(this)">Copy</button>
|
||||
</div>
|
||||
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
|
||||
<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>
|
||||
</section>
|
||||
|
||||
<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>
|
||||
<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:
|
||||
@@ -263,7 +297,8 @@ console.log(keyData);
|
||||
</section>
|
||||
|
||||
<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>
|
||||
<div class="grid grid-cols-1 gap-6">
|
||||
<!-- 1. Getting Server Time -->
|
||||
@@ -511,7 +546,8 @@ console.log(installedMods);</code></pre>
|
||||
</section>
|
||||
|
||||
<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>
|
||||
<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>
|
||||
@@ -519,61 +555,102 @@ console.log(installedMods);</code></pre>
|
||||
<pre class="language-typescript"><code>constructor(token: string)</code></pre>
|
||||
<button class="copy-button" onclick="copyCode(this)">Copy</button>
|
||||
</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>
|
||||
<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">getStats(): Promise<any></code> - Retrieves server statistics.</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">startServer(): Promise<any></code> - Starts the Minecraft server.</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">restartServer(): Promise<any></code> - Restarts the Minecraft server.</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">deleteMyLink(): Promise<any></code> - Deletes a custom link.</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">deleteLinkSFTP(): Promise<any></code> - Deletes an SFTP link.</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">getConnectionHashSFTP(): Promise<any></code> - 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>
|
||||
<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">getStats(): Promise<any></code> - Retrieves
|
||||
server statistics.</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">startServer(): Promise<any></code> - Starts the
|
||||
Minecraft server.</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">restartServer(): Promise<any></code> - Restarts
|
||||
the Minecraft server.</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">deleteMyLink(): Promise<any></code> - Deletes a
|
||||
custom link.</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">deleteLinkSFTP(): Promise<any></code> - Deletes
|
||||
an SFTP link.</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">getConnectionHashSFTP(): Promise<any></code> -
|
||||
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>
|
||||
|
||||
<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>
|
||||
<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 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>
|
||||
<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
|
||||
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>
|
||||
</section>
|
||||
|
||||
<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>
|
||||
<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:
|
||||
</p>
|
||||
<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>
|
||||
</section>
|
||||
|
||||
<section id="explore-more" class="section-bg p-8 sm:p-10 text-center mb-12">
|
||||
<h2 class="text-3xl minecraft-font mb-6 bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
@@ -582,6 +659,8 @@ console.log(installedMods);</code></pre>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<!-- Particles.js Container -->
|
||||
<div id="particles-js" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;"></div>
|
||||
<footer class="bg-gray-900/20 backdrop-filter backdrop-blur-xl py-8 text-center relative z-10">
|
||||
<p class="text-sm opacity-90">© 2025 My-MC.Link. All rights reserved.</p>
|
||||
<p class="text-sm opacity-90 mt-3">
|
||||
@@ -589,6 +668,8 @@ console.log(installedMods);</code></pre>
|
||||
donated by <a href="https://raven-scott.fyi" class="underline">SNXRaven</a>
|
||||
</p>
|
||||
</footer>
|
||||
<script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js">
|
||||
</script>
|
||||
|
||||
<script src="https://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>
|
||||
@@ -611,6 +692,7 @@ console.log(installedMods);</code></pre>
|
||||
});
|
||||
}
|
||||
</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>
|
||||
</body>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user