Системный редактор

404 • /srv/myhost/errors/404.html

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>404 - Страница не найдена</title>
  
  
  <script src="https://cdn.tailwindcss.com"></script>
  <script src="https://unpkg.com/lucide@latest"></script>

<button type="button" onclick="toggleTheme()" class="fixed top-6 right-6 p-2.5 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-full text-gray-600 dark:text-gray-300 transition shadow-sm z-50" title="Переключить тему">
    <i data-lucide="moon" class="w-5 h-5 hidden dark:block"></i>
    <i data-lucide="sun" class="w-5 h-5 block dark:hidden"></i>
  </button>

<main class="max-w-md w-full bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-2xl shadow-xl p-8 sm:p-12 text-center relative overflow-hidden">
    
    
    <div class="absolute -top-24 -right-24 w-48 h-48 bg-blue-50 dark:bg-blue-900/20 rounded-full blur-3xl opacity-60 pointer-events-none"></div>
    <div class="absolute -bottom-24 -left-24 w-48 h-48 bg-purple-50 dark:bg-purple-900/20 rounded-full blur-3xl opacity-60 pointer-events-none"></div>

<h1 class="text-7xl font-black text-gray-900 dark:text-white mb-2 tracking-tighter">404</h1>
      <h2 class="text-xl sm:text-2xl font-bold text-gray-800 dark:text-gray-200 mb-3">Ничего не найдено</h2>
      
      <p class="text-sm text-gray-500 dark:text-gray-400 mb-8 leading-relaxed">
        Возможно, вы перешли по устаревшей ссылке, файл был удалён, или доступ к нему ограничен настройками приватности.
      </p>

<a href="https://panel.nothalk.fun/" class="inline-flex items-center justify-center gap-2 px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white rounded-lg text-sm font-medium transition shadow-md hover:shadow-lg w-full sm:w-auto">
        <i data-lucide="home" class="w-4 h-4"></i> Вернуться на главную
      </a>
    </div>
    
  </main>

// Логика переключения темы
    function toggleTheme() {
      document.documentElement.classList.toggle('dark');
      if (document.documentElement.classList.contains('dark')) {
        localStorage.theme = 'dark';
      } else {
        localStorage.theme = 'light';
      }
    }
  </script>
</body>
</html>

Ручной бэкап

Прошлые версии

Бэкапов пока нет

Создайте версию перед внесением изменений