Add ham menu
This commit is contained in:
@ -7,7 +7,7 @@
|
||||
<title>MyMCLib Library Documentation</title>
|
||||
<link rel="icon" href="https://minecraft.wiki/images/Favicon.png" type="image/png">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap" rel="stylesheet">
|
||||
<link href="https://my-mc.link/css/style_min.css?p=5" rel="stylesheet">
|
||||
<link href="https://my-mc.link/css/style.min.css?p=5" rel="stylesheet">
|
||||
<link href="https://my-mc.link/favicon.ico" rel="icon" type="image/x-icon">
|
||||
<!-- Prism.js for syntax highlighting -->
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-okaidia.min.css" rel="stylesheet">
|
||||
@ -99,21 +99,44 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Hamburger Menu Icon (visible on mobile) -->
|
||||
<button class="hamburger md:hidden flex flex-col justify-center items-center w-10 h-10 focus:outline-none" style="z-index: 99999; position: fixed; top: 1rem; right: 1rem; pointer-events: auto; background: transparent;">
|
||||
<span class="bar w-6 h-0.5 bg-teal-400 mb-1.5 transition-all duration-300"></span>
|
||||
<span class="bar w-6 h-0.5 bg-teal-400 mb-1.5 transition-all duration-300"></span>
|
||||
<span class="bar w-6 h-0.5 bg-teal-400 transition-all duration-300"></span>
|
||||
</button>
|
||||
<!-- Mobile Navigation Menu -->
|
||||
<nav class="mobile-nav mobile-nav-container hidden fixed inset-0 flex-col items-center justify-center md:hidden" data-mobile-nav style="z-index: 99998; position: fixed; inset: 0; pointer-events: auto; background: rgba(17, 24, 39, 0.98); backdrop-filter: blur(10px);">
|
||||
<ul class="text-center">
|
||||
<li class="mb-6">
|
||||
<a href="https://panel.my-mc.link" class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400" target="_blank">Panel</a>
|
||||
</li>
|
||||
<li class="mb-6">
|
||||
<a href="https://stats.my-mc.link" class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400">System Stats</a>
|
||||
</li>
|
||||
<li class="mb-6">
|
||||
<a href="https://status.my-mc.link" class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400" target="_blank">Check MC Status</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- Particle Effects -->
|
||||
<div class="particle" style="left: 10%; top: 20%; animation-delay: 0s;"></div>
|
||||
<div class="particle large" style="left: 30%; top: 50%; animation-delay: 2s;"></div>
|
||||
<div class="particle" style="left: 50%; top: 30%; animation-delay: 4s;"></div>
|
||||
<div class="particle large" style="left: 70%; top: 60%; animation-delay: 6s;"></div>
|
||||
<div class="particle" style="left: 20%; top: 80%; animation-delay: 8s;"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle large"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle large"></div>
|
||||
<div class="particle"></div>
|
||||
|
||||
<header class="header-bg py-16 text-center relative z-10">
|
||||
<header class="header-bg py-16 text-center relative z-1">
|
||||
<div class="header-content flex items-center justify-between max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div>
|
||||
<h1 class="text-5xl minecraft-font bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
|
||||
<a href="https://info.my-mc.link/">MyMCLib Library Documentation</a></h1>
|
||||
<p class="text-lg mt-4 opacity-90 tracking-wide font-medium">Java Library for My-MC.Link API</p>
|
||||
My-MC.Link</h1>
|
||||
<p class="text-lg mt-4 opacity-90 tracking-wide font-medium">Futuristic Free Minecraft Hosting</p>
|
||||
</div>
|
||||
<a href="https://my-mc.link" class="btn-minecraft text-base self-center" target="_blank">Home</a>
|
||||
<!-- Navigation Buttons (hidden on mobile) -->
|
||||
<nav class="flex items-center gap-2 hidden md:flex">
|
||||
<a href="https://my-mc.link" class="nav-btn" target="_blank">Go Home</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
@ -170,11 +193,11 @@
|
||||
To use the <code class="bg-gray-800 text-teal-400 px-1 rounded">MyMCLib</code> library in your project, install it via Maven:
|
||||
</p>
|
||||
<div class="code-block-wrapper">
|
||||
<pre class="language-xml"><code><dependency>
|
||||
<groupId>io.github.mrmasrozytlive</groupId>
|
||||
<artifactId>mymc-java-lib</artifactId>
|
||||
<version>1.2.0</version>
|
||||
</dependency></code></pre>
|
||||
<pre class="language-xml"><code><dependency>
|
||||
<groupId>io.github.mrmasrozytlive</groupId>
|
||||
<artifactId>mymc-java-lib</artifactId>
|
||||
<version>1.2.0</version>
|
||||
</dependency></code></pre>
|
||||
<button class="copy-button" onclick="copyCode(this)">Copy</button>
|
||||
</div>
|
||||
<p class="text-lg mb-8 max-w-3xl mx-auto opacity-90 leading-relaxed">
|
||||
@ -223,7 +246,7 @@ public class YourClass {
|
||||
<p class="text-sm opacity-90 leading-relaxed mt-4"><strong>Output:</strong></p>
|
||||
<div class="code-block-wrapper">
|
||||
<pre class="language-json"><code>{
|
||||
success: true,
|
||||
(success: true,
|
||||
keyexpireString: 'Tue Apr 15 2025 06:14:59 GMT-0400 (Eastern Daylight Time)',
|
||||
expireDate: '2025-04-15T10:14:59.000Z',
|
||||
expireEpoch: 1744712099000
|
||||
|
Reference in New Issue
Block a user