docs/404.html at main · houselearning/docs · 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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>404 | HouseLearning Docs</title>

    <script src="https://houselearning.github.io/feedback.js"></script>
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="/cookiebanner.js"></script>
    <script type="module" src="https://www.houselearning.org/also.js"></script>

    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        'primary-accent': '#1C64F2',
                        'bg-light': '#F9FAFB',
                        'bg-card': '#FFFFFF',
                    },
                    fontFamily: {
                        sans: ['Inter', 'sans-serif'],
                    },
                }
            }
        }
    </script>

    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
    </style>
</head>
<body class="bg-bg-light font-sans min-h-screen flex flex-col">

    <!-- Header -->
    <header class="sticky top-0 z-10 bg-white shadow-md border-b border-gray-200">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 flex justify-between items-center">
            <a href="/" class="text-2xl font-extrabold text-gray-800 tracking-tight">HouseLearning Docs</a>
            <nav>
                <a href="/docs/helpcenter/" class="text-gray-600 hover:text-primary-accent ml-6 font-medium">Help Center</a>
                <a href="https://github.com/houselearning" target="_blank" class="text-gray-600 hover:text-primary-accent ml-6 font-medium">GitHub</a>
            </nav>
        </div>
    </header>
<section class="bg-bg-card p-6 rounded-xl shadow-lg border border-gray-200 mt-6 mb-4">
    <label class="block text-sm font-semibold text-gray-700 mb-2">Search Documentation</label>

    <div class="relative">
        <input id="docsSearchInput"
               type="text"
               placeholder="Search guides, API endpoints, models..."
               class="w-full px-4 py-3 rounded-xl border border-gray-300 focus:ring-2 focus:ring-primary-accent focus:border-primary-accent outline-none text-gray-800 shadow-sm transition">

        <!-- Dropdown -->
        <div id="docsSearchResults"
             class="absolute left-0 right-0 bg-white border border-gray-200 rounded-xl mt-2 shadow-lg hidden z-20 max-h-64 overflow-y-auto">
        </div>
    </div>
</section>

    <!-- Main -->
    <main class="flex-grow flex items-center justify-center px-6">
        <div class="bg-bg-card p-10 rounded-2xl shadow-lg border border-gray-200 max-w-xl text-center">

            <div class="text-primary-accent font-bold uppercase tracking-wider mb-3 text-sm">
                Error 404
            </div>

            <h1 class="text-5xl font-extrabold text-gray-900 mb-4">
                Page Not Found
            </h1>

            <p class="text-gray-600 text-lg mb-6 leading-relaxed">
                Looks like you wandered into a section that doesn’t exist.
                The page might’ve been moved, renamed, or deleted.
            </p>

            <a href="/docs/" class="inline-flex items-center px-6 py-3 rounded-xl text-white bg-primary-accent hover:bg-blue-800 font-medium transition">
                Go Back Home →
            </a>

            <div class="mt-6 text-sm text-gray-500">
                If you think this is a mistake, feel free to report it.
            </div>
        </div>
    </main>

    <!-- Footer -->
    <footer class="bg-white border-t border-gray-200 mt-12">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 text-center text-gray-500 text-sm">
            &copy; 2024 HouseLearning Foundation. All Rights Reserved.
        </div>
    </footer>
    <script src="/docs/search.js"></script>
</body>
</html>