diff options
| author | Yuval Adam <_@yuv.al> | 2025-05-09 09:14:44 +0200 |
|---|---|---|
| committer | Yuval Adam <_@yuv.al> | 2025-05-09 09:14:44 +0200 |
| commit | 293ca7a375b0aecaa91c4af1e1a8d9c072a3ca46 (patch) | |
| tree | 6d66c6c59267e3c19ac7add47e87a23575ef514b /src | |
| parent | 387f2c6ab75152b766998491ad7531ad43cd0e51 (diff) | |
Add 404 page
Diffstat (limited to 'src')
| -rw-r--r-- | src/pages/404.astro | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/src/pages/404.astro b/src/pages/404.astro new file mode 100644 index 0000000..8750eff --- /dev/null +++ b/src/pages/404.astro @@ -0,0 +1,53 @@ +--- +import { GOOGLE_ANALYTICS_ID } from "../config"; + +import "../styles/global.css"; + +const title = "404 - Page Not Found"; +--- + +<html lang="en"> + <head> + <meta charset="utf-8" /> + <link rel="icon" type="image/ico" href="/favicon.ico" /> + <meta name="viewport" content="width=device-width" /> + <title>{title}</title> + <meta name="robots" content="noindex, follow" /> + + <script + async + src={`https://www.googletagmanager.com/gtag/js?id=${GOOGLE_ANALYTICS_ID}`} + ></script> + <script define:vars={{ GOOGLE_ANALYTICS_ID }} is:inline> + window.dataLayer = window.dataLayer || []; + function gtag() { + dataLayer.push(arguments); + } + gtag("js", new Date()); + gtag("config", GOOGLE_ANALYTICS_ID); + </script> + </head> + + <body> + <div + class="min-h-screen flex flex-col items-center justify-center bg-gray-100 p-2" + > + <div class="max-w-6xl w-full sm:p-8 p-2"> + <h1 + class="my-3 sm:my-1 text-center sm:text-left text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl" + > + 404 - Page Not Found + </h1> + + <div class="my-6 text-lg leading-8 text-slate-900"> + <p class="mb-8"> + The page you're looking for doesn't exist. + </p> + <a href="/" class="text-blue-600 hover:underline" + >← Back to IP / CIDR Calculator</a + > + </div> + </div> + </div> + </body> +</html> |