From 556b6b261c9d2af6b7ac3b15a812b0fe6b205400 Mon Sep 17 00:00:00 2001
From: MCHost <hypermc@ssh.surf>
Date: Thu, 3 Jul 2025 22:00:21 -0400
Subject: [PATCH] add ham menu

---
 status.html | 60 +++++++++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 51 insertions(+), 9 deletions(-)
diff --git a/status.html b/status.html
index 9820203..5052062 100644
--- a/status.html
+++ b/status.html
@@ -6,7 +6,7 @@
     <title>My-MC.Link Status</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=4" 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">
     <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.4/dist/chart.umd.min.js"></script>
     <style>
@@ -29,24 +29,65 @@
             font-size: 1.2rem;
             margin: 1rem 0;
         }
+        /* Ensure cards are visible */
+        .feature-card {
+            display: block !important;
+            opacity: 1 !important;
+            visibility: visible !important;
+            position: relative;
+            z-index: 10;
+            background: rgba(17, 24, 39, 0.8);
+            backdrop-filter: blur(10px);
+            border-radius: 12px;
+            padding: 1.5rem;
+            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+        }
+        .tilt-card {
+            display: block !important;
+            opacity: 1 !important;
+            visibility: visible !important;
+            transform: none !important;
+        }
     </style>
 </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">
         <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 Status</h1>
-                <p class="text-lg mt-4 opacity-90 tracking-wide font-medium">Real-Time System & Docker Monitoring</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">Back to Home</a>
+            <nav class="flex items-center gap-2 hidden md:flex">
+                <a href="https://my-mc.link" class="nav-btn" target="_blank">Back To Home</a>
+            </nav>
         </div>
     </header>
 
@@ -725,5 +766,6 @@
             console.log('WebSocket disconnected');
         };
     </script>
+    <script src="https://my-mc.link/js/main.js"></script>
 </body>
 </html>
\ No newline at end of file
