MuXolotl.github.io/404.html at main · MuXolotl/MuXolotl.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="icon" type="image/png" href="/images/icon.png">
    <link rel="apple-touch-icon" href="/images/icon.png">

    <title>Страница не найдена — MuXolotl</title>

    <meta name="description" content="Страница не найдена. Возможно, ссылка устарела или была удалена.">
    <meta name="theme-color" content="#030712">

    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/styles.css">

    <script src="/components.js"></script>
</head>
<body class="bg-gray-950 text-gray-100 min-h-screen overflow-x-hidden flex flex-col">
    <div class="fixed inset-0 z-0 overflow-hidden pointer-events-none">
        <div class="blob blob-1"></div>
        <div class="blob blob-3"></div>
    </div>

    <app-navbar page="inner"></app-navbar>

    <main class="flex-grow flex items-center justify-center px-6 relative z-10">
        <div class="max-w-2xl mx-auto text-center">
            <div class="mb-8">
                <span class="text-[10rem] md:text-[14rem] font-bold leading-none bg-gradient-to-br from-blue-500 to-purple-600 bg-clip-text text-transparent block animate-pulse">
                    404
                </span>
            </div>

            <h1 class="text-3xl md:text-4xl font-bold mb-4">Страница не найдена</h1>
            <p class="text-xl text-gray-400 mb-10 max-w-lg mx-auto">
                Ссылка, по которой вы перешли, устарела, была удалена или никогда не существовала.
            </p>

            <a href="/index.html" class="inline-flex items-center gap-2 px-8 py-4 bg-gradient-to-r from-blue-600 to-purple-600 rounded-lg font-semibold text-lg hover:opacity-90 transition transform hover:scale-105 shadow-lg shadow-blue-600/25">
                <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="M10 19l-7-7m0 0l7-7m-7 7h18"/>
                </svg>
                Вернуться на главную
            </a>
        </div>
    </main>

    <app-footer></app-footer>

    <script src="https://www.gstatic.com/firebasejs/10.14.1/firebase-app-compat.js"></script>
    <script src="https://www.gstatic.com/firebasejs/10.14.1/firebase-auth-compat.js"></script>
    <script src="https://www.gstatic.com/firebasejs/10.14.1/firebase-database-compat.js"></script>
    <script src="/analytics.js"></script>
    <script src="/main.js"></script>
</body>
</html>