- ID da verificação
- 22571974-6968-42e8-9187-6ffdcf113564Concluído
- URL enviado:
- https://kizuserver.xyz/
- Relatório concluído:
Ligações · 0 encontradas
As ligações de saída identificadas na página
Variáveis JavaScript · 3 encontradas
Variáveis JavaScript globais carregadas no objeto janela de uma página são variáveis declaradas fora das funções e acessíveis de qualquer parte do código dentro do âmbito atual
| Nome | Tipo |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
Mensagens de registo da consola · 1 encontradas
Mensagens registadas na consola web
| Tipo | Categoria | Registo |
|---|---|---|
| error | network |
|
HTML
O corpo HTML em bruto da página
<!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"><AMWP></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"><kizuutod></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"><AMWP></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"><AMWP></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"><AMWP></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"><kizuutod></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"><AMWP></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"><AMWP></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"><AMWP></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"><kizuutod></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"><kizuutod></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"><kizuutod></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"><kizuutod></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"><AMWP></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"><AMWP></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"><AMWP></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"><kizuutod></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"><kizuutod></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"><kizuutod></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"><kizuutod></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"><kizuutod></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"><kizuutod></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"><AMWP></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"><kizuutod></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"><kizuutod></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"><AMWP></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"><kizuutod></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"><AMWP></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"><AMWP></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"><AMWP></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"><kizuutod></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"><AMWP></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"><AMWP></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"><kizuutod></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"><AMWP></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"><AMWP></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"><kizuutod></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"><AMWP></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"><kizuutod></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"><kizuutod></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"><AMWP></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"><AMWP></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"><AMWP></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"><kizuutod></span>
<span class="text-gray-200 break-words">https://cdn.discordapp.com/attachments/1254477458762104893/1268167966046949478/SkinseedSkin_1722417430799.png?ex=67372ff4&is=6735de74&hm=40fdbb1796d6e2afba064680e2bd7bd56e724c76f1c99c8ec87d7e722d79a0b1&</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"><AMWP></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"><AMWP></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"><AMWP></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"><AMWP></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"><AMWP></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"><AMWP></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>