Initial mail domain landing page

2026-05-22 15:09:48 +02:00
commit c9dc5ad6cf
3 changed files with 35 additions and 0 deletions
@@ -0,0 +1,30 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Mail domain | Christian Krakau-Louis</title>
+    <meta name="description" content="This domain is used as a mail identity and routing domain for Christian Krakau-Louis.">
+    <meta name="robots" content="noindex,follow">
+    <style>
+      :root { --ink: #17202a; --muted: #596a7a; --line: #d8e0e8; --bg: #f8fafc; --brand: #245b7a; }
+      * { box-sizing: border-box; }
+      body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 28px; background: var(--bg); color: var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
+      main { width: min(760px, 100%); background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: clamp(28px, 7vw, 58px); box-shadow: 0 24px 70px rgba(23,32,42,.08); }
+      .eyebrow { color: var(--brand); font-weight: 800; text-transform: uppercase; letter-spacing: .08em; font-size: .78rem; }
+      h1 { margin: 12px 0 18px; font-size: clamp(2rem, 7vw, 4rem); line-height: 1; letter-spacing: 0; }
+      p { margin: 0 0 18px; color: var(--muted); line-height: 1.65; font-size: 1.06rem; }
+      a { color: var(--brand); font-weight: 750; text-decoration: none; }
+      .meta { margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--line); font-size: .95rem; }
+    </style>
+  </head>
+  <body>
+    <main>
+      <div class="eyebrow">Mail domain</div>
+      <h1>This domain is used for email.</h1>
+      <p>This domain is part of the personal and project mail infrastructure operated by Christian Krakau-Louis. It may be used for mailbox routing, aliases, sender authentication, or service-specific email identities.</p>
+      <p>There is no public product or editorial website attached to this host right now.</p>
+      <p class="meta">For questions, contact <a href="mailto:christianlouis@gmail.com">christianlouis@gmail.com</a>.</p>
+    </main>
+  </body>
+</html>