Spaces:
Runtime error
Runtime error
| <html lang="id"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> | |
| <title>404 - Halaman Tidak Ditemukan</title> | |
| <link rel="icon" type="image/jpeg" href="https://cdn.yupra.my.id/yp/4r4oy0ze.jpg"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script> | |
| tailwind.config = { | |
| darkMode: 'class', | |
| theme: { | |
| extend: { | |
| colors: { | |
| primary: '#6366f1', | |
| secondary: '#ec4899', | |
| darkbg: '#0f172a', | |
| cardbg: '#1e293b', | |
| inputbg: '#334155', | |
| sidebar: '#111827' | |
| }, | |
| fontFamily: { | |
| sans: ['Inter', 'sans-serif'], | |
| mono: ['JetBrains Mono', 'monospace'] | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> | |
| <style> | |
| html, body { height: 100%; } | |
| ::-webkit-scrollbar { width: 6px; } | |
| ::-webkit-scrollbar-track { background: transparent; } | |
| ::-webkit-scrollbar-thumb { background: #475569; border-radius: 20px; } | |
| .glass { background: rgba(30, 41, 59, 0.7); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.05); } | |
| .gradient-text { background: linear-gradient(135deg, #6366f1, #ec4899); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } | |
| .scanlines { position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.03) 4px); } | |
| </style> | |
| </head> | |
| <body class="bg-[#020617] text-slate-300 font-sans flex items-center justify-center selection:bg-primary selection:text-white"> | |
| <div class="scanlines"></div> | |
| <div class="relative z-10 text-center px-4 max-w-xl mx-auto"> | |
| <div class="mb-6 flex justify-center"> | |
| <svg class="w-28 h-28 md:w-32 md:h-32 gradient-text" fill="none" stroke="currentColor" viewBox="0 0 24 24"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4m0 4h.01"/> | |
| </svg> | |
| </div> | |
| <h1 class="text-5xl md:text-7xl font-extrabold gradient-text mb-3 tracking-tighter">404</h1> | |
| <h2 class="text-xl md:text-2xl font-semibold text-white mb-2">Halaman tidak ditemukan</h2> | |
| <p class="text-slate-400 mb-8">Rute yang Anda tuju tidak ada di sistem ini. Pastikan URL benar atau kembali ke halaman utama.</p> | |
| <a href="/" class="inline-flex items-center gap-2 bg-gradient-to-r from-primary to-indigo-600 hover:from-primary hover:to-indigo-500 text-white font-bold px-6 py-3 rounded-xl transition-all shadow-xl shadow-primary/20 active:scale-[0.99]"> | |
| <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/></svg> | |
| Kembali ke Dashboard | |
| </a> | |
| </div> | |
| </body> | |
| </html> | |