Назад
Системный редактор
404
•
/srv/myhost/errors/404.html
Tab
Поиск
Копировать
Вставить
0/0
<!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> <!-- Tailwind & Icons --> <script src="https://cdn.tailwindcss.com"></script> <script src="https://unpkg.com/lucide@latest"></script> <script> // Настройка Tailwind для тёмной темы tailwind.config = { darkMode: 'class', theme: { extend: {} } } // Предотвращение моргания белого экрана if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) { document.documentElement.classList.add('dark') } else { document.documentElement.classList.remove('dark') } </script> </head> <body class="bg-gray-50 dark:bg-gray-900 text-gray-800 dark:text-gray-200 font-sans min-h-screen flex items-center justify-center transition-colors duration-200 p-4"> <!-- Кнопка переключения темы (абсолютное позиционирование) --> <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> <!-- Карточка 404 --> <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> <div class="relative z-10"> <!-- Иконка --> <div class="w-24 h-24 mx-auto bg-blue-50 dark:bg-blue-900/30 rounded-full flex items-center justify-center mb-6 shadow-inner border border-blue-100 dark:border-blue-800/50"> <i data-lucide="ghost" class="w-12 h-12 text-blue-500 dark:text-blue-400"></i> </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> <script> // Инициализация иконок lucide.createIcons(); // Логика переключения темы function toggleTheme() { document.documentElement.classList.toggle('dark'); if (document.documentElement.classList.contains('dark')) { localStorage.theme = 'dark'; } else { localStorage.theme = 'light'; } } </script> </body> </html>
Сохранить
Применить и перезапустить
Ручной бэкап
Сохранить версию
Прошлые версии
Бэкапов пока нет
Создайте версию перед внесением изменений