404.html 53 lignes · 2223 octets
{% if !fragment %}
<!DOCTYPE html>
<html lang="{{ locale }}" data-theme="light">
<head>
    <script>
    (function() {
        var lm = document.cookie.match(/(?:^|;\s*)locale=([^;]*)/);
        if (lm && lm[1]) document.documentElement.lang = lm[1];
        var m = document.cookie.match(/(?:^|;\s*)theme=([^;]*)/);
        var t = m ? m[1] : 'auto';
        if (t === 'dark') {
            document.documentElement.setAttribute('data-theme', 'dark');
        } else if (t === 'light') {
            document.documentElement.setAttribute('data-theme', 'light');
        } else {
            var d = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
            document.documentElement.setAttribute('data-theme', d);
        }
    })();
    </script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="noindex">
    <title>{{ page_title }}</title>
    <link rel="icon" type="image/svg+xml" href="/static/images/favicon.svg">
    <link href="/static/css/tailwind.css" rel="stylesheet">
    <link href="/static/css/custom.css" rel="stylesheet">
</head>
<body class="bg-base-200 min-h-screen text-base-content">
{% endif %}
<main class="min-h-screen flex items-center justify-center px-4 py-10" id="http-error">
    <div class="max-w-md w-full text-center">
        <a href="/" class="inline-flex items-center justify-center mb-6">
            <img src="/static/images/logo.svg" alt="{{ app_name }}" class="h-12 w-12">
        </a>
        <p class="text-sm font-medium uppercase tracking-wide text-base-content/60 mb-2">{{ code_label }}</p>
        <h1 class="text-3xl font-bold mb-3">{{ title }}</h1>
        <p class="text-base-content/70 mb-4">{{ message }}</p>
        {% if path != "" %}
        <p class="mb-8">
            <code class="text-sm break-all bg-base-100 rounded px-2 py-1">{{ path }}</code>
        </p>
        {% endif %}
        <div class="space-y-3">
            <a href="/" class="btn btn-primary w-full">{{ home_label }}</a>
            <a href="/login" class="btn btn-ghost w-full">{{ login_label }}</a>
        </div>
    </div>
</main>
{% if !fragment %}
</body>
</html>
{% endif %}