Files
Tui-pages-website/404.html
2026-06-01 20:01:15 +02:00

78 lines
3.7 KiB
HTML

<!doctype html>
<html lang="en" data-theme="night" class="dark">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<meta name="color-scheme" content="dark light">
<meta name="theme-color" content="#09090b">
<title>404 — page not found · tui-pages</title>
<meta name="robots" content="noindex">
<link rel="icon" href="/static/img/favicon.svg" type="image/svg+xml">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap">
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
darkMode: 'class',
theme: { extend: {
fontFamily: {
sans: ['Inter', 'ui-sans-serif', 'system-ui'],
mono: ['"JetBrains Mono"', 'ui-monospace', 'SFMono-Regular', 'Menlo', 'Consolas', 'monospace'],
},
colors: { accent: { DEFAULT: '#b7410e', fg: '#fff5f0' } },
}},
};
</script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.12.10/dist/full.min.css" rel="stylesheet" type="text/css" />
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.1/dist/cdn.min.js"></script>
<link rel="stylesheet" href="/static/css/site.css">
</head>
<body
x-data="{ theme: localStorage.getItem('tp-theme') || 'night' }"
x-init="
document.documentElement.setAttribute('data-theme', theme);
document.documentElement.classList.toggle('dark', theme === 'night');
"
class="min-h-screen bg-base-100 text-base-content antialiased grid place-items-center"
>
<main class="max-w-xl mx-auto px-6 text-center">
<pre class="font-mono text-xs sm:text-sm text-zinc-500 text-left leading-snug select-none">
┌──────────────────────────────────────────┐
│ │
│ error: route not found │
│ errno 404 │
│ │
└──────────────────────────────────────────┘
</pre>
<h1 class="mt-8 text-6xl sm:text-7xl font-bold tracking-tight text-zinc-50">
4<span class="text-accent">0</span>4<span class="tp-cursor" aria-hidden="true"></span>
</h1>
<p class="mt-4 text-zinc-400 text-lg">
That route doesn't exist. Maybe the page moved, or the link is stale.
</p>
<div class="mt-10 flex flex-wrap items-center justify-center gap-3">
<a href="/" class="inline-flex items-center gap-2 h-11 px-5 rounded-lg bg-accent text-accent-fg font-medium hover:bg-accent/90 transition-colors">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>
Back home
</a>
<a href="/examples.html" class="inline-flex items-center gap-2 h-11 px-5 rounded-lg border border-zinc-700 bg-zinc-900/40 text-zinc-100 font-medium hover:border-zinc-500 hover:bg-zinc-900 transition-colors">
See examples
</a>
</div>
<p class="mt-12 text-xs text-zinc-500 font-mono">
hint: try <code class="text-zinc-300">cargo add tui-pages</code>
</p>
</main>
</body>
</html>