<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404</title>
<link rel="stylesheet" href="styles.css">
<link rel="icon" sizes="48x48" type="image/png" href="favicon.png" />
</head>
<body>
<div class="overlay"></div>
<div class="content">
<div class="glitch">404</div>
<p id="error-message">Oops! The page you are looking for does not exist.</p>
</div>
<p class="copyright">© 2024–2025 Tham. All rights reserved.</p>
<script>
document.addEventListener('contextmenu', function(e) {
e.preventDefault();
});
document.addEventListener('keydown', function(e) {
if (e.key === 'F12' ||
(e.ctrlKey && e.shiftKey && e.key === 'I') ||
(e.ctrlKey && e.key === 'u')) {
e.preventDefault();
}
});
const userLang = navigator.language || navigator.userLanguage;
const errorMessage = document.getElementById('error-message');
if (userLang.startsWith('id')) {
errorMessage.textContent = 'Ups! Halaman yang Anda cari tidak ada.';
}
</script>
</body>
</html>