diff options
| author | Yuval Adam <_@yuv.al> | 2025-05-21 09:12:30 +0200 |
|---|---|---|
| committer | Yuval Adam <_@yuv.al> | 2025-05-21 09:12:30 +0200 |
| commit | ac07b73384de511e04542e9ac3a500eb81f92b92 (patch) | |
| tree | aecb57c4111a9fdef6929871ce41cf60e3bb6918 /src/pages/404.astro | |
| parent | 366a7501a3dccde4fc9b65817da9062912d3cf1c (diff) | |
Extract common layout
Diffstat (limited to 'src/pages/404.astro')
| -rw-r--r-- | src/pages/404.astro | 61 |
1 files changed, 15 insertions, 46 deletions
diff --git a/src/pages/404.astro b/src/pages/404.astro index 8750eff..c9c70ca 100644 --- a/src/pages/404.astro +++ b/src/pages/404.astro @@ -1,53 +1,22 @@ --- -import { GOOGLE_ANALYTICS_ID } from "../config"; - -import "../styles/global.css"; +import Layout from "../layouts/Layout.astro"; 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> +<Layout title={title} noindex={true}> + <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> - <body> - <div - class="min-h-screen flex flex-col items-center justify-center bg-gray-100 p-2" + <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 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> + </div> +</Layout> |