https://kizuserver.xyz/

Eingereichte URL:
https://kizuserver.xyz/
Bericht beendet:

Die von der Seite ausgehenden identifizierten Links

JavaScript-Variablen · 3 gefunden

Globale JavaScript-Variablen, die in das Window Object einer Seite geladen werden, sind Variablen, die außerhalb von Funktionen deklariert werden und von jeder Stelle des Codes innerhalb des aktuellen Bereichs zugänglich sind

NameTyp
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject

Konsolenprotokoll-Meldungen · 1 gefunden

In der Web-Konsole protokollierte Meldungen

TypKategorieProtokoll
errornetwork
URL
https://kizuserver.xyz/favicon.ico
Text
Failed to load resource: the server responded with a status of 404 ()

HTML

Der HTML-Rohtext der Seite

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Minecraft Server Status</title>
    <link href="https://fonts.cdnfonts.com/css/minecraft-4" rel="stylesheet">
    <link href="/css/output.css" rel="stylesheet">
</head>
<body class="bg-minecraft-dirt bg-opacity-90 min-h-screen font-minecraft text-white">
    

    <!-- Navbar -->
    <nav class="bg-gray-900 bg-opacity-90 border-b-2 border-minecraft-stone shadow-lg">
        <div class="container mx-auto px-4">
            <!-- Desktop and Mobile Layout -->
            <div class="flex items-center justify-between h-16">
                <!-- Left Side - Always Visible -->
                <div class="flex items-center space-x-4">
                    <span class="text-xl lg:text-2xl text-yellow-300 drop-shadow-[0_1px_1px_rgba(0,0,0,0.8)]">
                        Server Status
                    </span>
                    <div class="flex items-center space-x-2">
                        <span class="text-green-400 text-sm">●</span>
                        <span class="text-gray-300 text-sm font-minecraft hidden sm:inline">play.kizuserver.xyz</span>
                    </div>
                </div>

                <!-- Burger Menu Button -->
                <button id="burger-menu" class="lg:hidden text-white hover:text-gray-300">
                    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
                    </svg>
                </button>

                <!-- Desktop Menu -->
                <div class="hidden lg:flex items-center space-x-8">
                    <div class="flex space-x-4">
                        <span class="text-green-400 hover:text-green-300 cursor-pointer transition-colors">
                            Players: 0
                        </span>
                        <span class="text-blue-400 hover:text-blue-300 cursor-pointer transition-colors">
                            Total: 3
                        </span>
                    </div>
                    <div class="text-gray-400 text-sm">
                        Last updated: 01:45:51 WIB
                    </div>
                </div>
            </div>

            <!-- Mobile Menu (Hidden by default) -->
            <div id="mobile-menu" class="hidden lg:hidden py-4 border-t border-gray-700">
                <div class="flex flex-col space-y-4">
                    <div class="flex justify-between items-center">
                        <span class="text-green-400">
                            Players: 0
                        </span>
                        <span class="text-blue-400">
                            Total: 3
                        </span>
                    </div>
                    <div class="text-gray-400 text-sm text-center">
                        Last updated: 01:45:51 WIB
                    </div>
                </div>
            </div>
        </div>
    </nav>

    <!-- Main Content -->
    <div class="container mx-auto px-2 sm:px-4 py-4 sm:py-8">
        <!-- Grid Container -->
        <div class="grid grid-cols-1 lg:grid-cols-3 gap-4 sm:gap-6">
            <!-- Online Players - Takes 1 column -->
            <div class="bg-gray-800 bg-opacity-80 p-4 sm:p-6 rounded-lg border-2 sm:border-4 border-minecraft-stone">
                <div class="flex items-center justify-between mb-4">
                    <h2 class="text-xl sm:text-2xl text-green-400">Online Players</h2>
                    <span class="bg-green-500 px-2 sm:px-3 py-1 rounded-full text-xs sm:text-sm">
                        0 Online
                    </span>
                </div>
                <div class="space-y-2 sm:space-y-3 max-h-[300px] overflow-y-auto pr-2">
                    
                </div>
            </div>

            <!-- Chat Section - Takes 2 columns on large screens -->
            <div class="lg:col-span-2 bg-gray-800 bg-opacity-80 p-4 sm:p-6 rounded-lg border-2 sm:border-4 border-minecraft-stone">
                <div class="flex items-center justify-between mb-4">
                    <h2 class="text-xl sm:text-2xl text-yellow-400">Server Chat</h2>
                    <span class="bg-yellow-500 px-2 sm:px-3 py-1 rounded-full text-xs sm:text-sm">
                        149 Messages
                    </span>
                </div>
                <div class="h-[300px] sm:h-[400px] lg:h-[500px] overflow-y-auto pr-2 minecraft-chat-box">
                    <div class="space-y-2">
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:28:23
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">jangan</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:28:48
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">kenapaharus ada awmp bot :v aowkowk</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:28:57
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">KOWOKWKOWKO</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:28:59
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">wait</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:29:05
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">di wa nya kah?</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:29:09
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">hooh</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:30:32
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">tolol'</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:30:33
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">gw dimana</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:30:39
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">test</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:30:40
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">aowkowak</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:30:42
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">ancur cok</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:30:44
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">kaishan</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:30:54
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">gak masuk wa nya</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:31:06
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">liat dah</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:31:06
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">wa</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:31:07
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">:v</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:31:13
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">ini gw sambil liat di bawah</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:31:17
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">hp</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:31:25
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">iya cok</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:31:34
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">gak masuk ke sini malah di masukin ke gc</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:32:17
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">mmending di kasih tanda pesan nya dari mana dari pada awmp bot kek tadi</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:35:13
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">halo om</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:35:13
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">test</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:35:30
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">GAK MASOK</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:35:41
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">DC AMAN?</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:35:55
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">aman</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:35:58
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">owhh kirain kenapa</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:36:22
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">nak coba di hosting nya</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:36:30
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">:v dah beli gk kepakek saya</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:36:32
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">ng</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:37:00
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">anjing lagi pause game aja ada</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                19:21:04
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">test</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                20:04:45
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">a</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                20:32:05
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">p</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                20:39:25
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">server-icon.png</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:10:18
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">./summon minecraft:slime ~ ~ ~ {Size:50}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:15:29
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">./surveyorc</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:22:46
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">./spark tps</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:24:49
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">asv</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:24:51
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">ds;vmdsklvmds;vmlksdvkldfklmdmbklfdmkf</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:31:59
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">./skin set web slim minecraftskins.com/</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:32:02
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">./</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:32:03
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">./</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:32:29
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">https://cdn.discordapp.com/attachments/1254477458762104893/1268167966046949478/SkinseedSkin_1722417430799.png?ex=67372ff4&amp;is=6735de74&amp;hm=40fdbb1796d6e2afba064680e2bd7bd56e724c76f1c99c8ec87d7e722d79a0b1&amp;</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:33:58
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">"https://www.minecraftskins.com/uploads/skins/2024/11/10/ducksuit-22866488.png?v694 "</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:34:00
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">"</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:34:02
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">""</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:34:04
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">" "</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:52:16
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">./spark tps</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                22:16:57
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">ta</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                    </div>
                </div>
            </div>

            <!-- All Players - Full width on all screens -->
            <div class="lg:col-span-3 bg-gray-800 bg-opacity-80 p-4 sm:p-6 rounded-lg border-2 sm:border-4 border-minecraft-stone">
                <div class="flex items-center justify-between mb-4">
                    <h2 class="text-xl sm:text-2xl text-blue-400">All Players</h2>
                    <span class="bg-blue-500 px-2 sm:px-3 py-1 rounded-full text-xs sm:text-sm">
                        Total: 3
                    </span>
                </div>
                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-2 sm:gap-3 max-h-[300px] overflow-y-auto pr-2">
                    
                        <div class="flex items-center space-x-2 sm:space-x-3 bg-gray-700 bg-opacity-50 p-2 sm:p-3 rounded minecraft-btn border-gray-600">
                            <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-6 h-6 sm:w-8 sm:h-8 rounded">
                            <div class="min-w-0 flex-1">
                                <div class="text-gray-200 text-sm sm:text-base truncate">AMWP</div>
                                <div class="text-xs text-gray-400 truncate">
                                    First seen: 11/14/2024, 10:02:02 WIB
                                </div>
                            </div>
                        </div>
                    
                        <div class="flex items-center space-x-2 sm:space-x-3 bg-gray-700 bg-opacity-50 p-2 sm:p-3 rounded minecraft-btn border-gray-600">
                            <img src="https://mc-heads.net/avatar/maiikodok" alt="maiikodok" class="w-6 h-6 sm:w-8 sm:h-8 rounded">
                            <div class="min-w-0 flex-1">
                                <div class="text-gray-200 text-sm sm:text-base truncate">maiikodok</div>
                                <div class="text-xs text-gray-400 truncate">
                                    First seen: 11/14/2024, 11:54:34 WIB
                                </div>
                            </div>
                        </div>
                    
                        <div class="flex items-center space-x-2 sm:space-x-3 bg-gray-700 bg-opacity-50 p-2 sm:p-3 rounded minecraft-btn border-gray-600">
                            <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-6 h-6 sm:w-8 sm:h-8 rounded">
                            <div class="min-w-0 flex-1">
                                <div class="text-gray-200 text-sm sm:text-base truncate">kizuutod</div>
                                <div class="text-xs text-gray-400 truncate">
                                    First seen: 11/14/2024, 16:08:04 WIB
                                </div>
                            </div>
                        </div>
                    
                </div>
            </div>
        </div>

        <!-- Auto Refresh Notice -->
        <div class="text-center mt-4 sm:mt-6 text-gray-400 text-xs sm:text-sm">
            Page updates automatically every 30 seconds
        </div>
    </div>

    <script>
        // Auto refresh the page every 30 seconds
        setTimeout(() => {
            window.location.reload();
        }, 30000);

        // Auto scroll chat to bottom on load
        window.onload = function() {
            const chatBox = document.querySelector('.minecraft-chat-box');
            chatBox.scrollTop = chatBox.scrollHeight;
        };

        // Burger menu functionality
        const burgerMenu = document.getElementById('burger-menu');
        const mobileMenu = document.getElementById('mobile-menu');

        burgerMenu.addEventListener('click', () => {
            mobileMenu.classList.toggle('hidden');
            // Add animation classes
            if (!mobileMenu.classList.contains('hidden')) {
                mobileMenu.classList.add('animate-fade-in');
            } else {
                mobileMenu.classList.remove('animate-fade-in');
            }
        });

        // Close mobile menu when clicking outside
        document.addEventListener('click', (event) => {
            if (!burgerMenu.contains(event.target) && !mobileMenu.contains(event.target)) {
                mobileMenu.classList.add('hidden');
            }
        });
    </script>

 </body></html>