feat(placeholder): add under-construction page with branded teaser

Standalone HTML + two sibling PNGs, no Astro build dependency. Carries __SALES_EMAIL__ substitution tokens that the new deploy workflow replaces at deploy time.
2026-04-25 18:11:19 +02:00
parent 49fdd96f4f
commit d0bacdd622
3 changed files with 93 additions and 0 deletions
--- a/placeholder/cameleer-logo.png
+++ b/placeholder/cameleer-logo.png
--- a/placeholder/favicon.png
+++ b/placeholder/favicon.png
--- a/placeholder/index.html
+++ b/placeholder/index.html
@@ -0,0 +1,93 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="color-scheme" content="dark">
+    <meta name="theme-color" content="#060a13">
+    <meta name="robots" content="noindex">
+    <meta name="description" content="Cameleer is briefly offline. We'll be back on the trail in a moment.">
+
+    <title>Cameleer — Back shortly</title>
+
+    <link rel="icon" type="image/png" sizes="32x32" href="./favicon.png">
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="stylesheet"
+          href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,700;1,400&family=JetBrains+Mono&display=swap">
+
+    <style>
+      :root {
+        --bg:         #060a13;
+        --accent:     #f0b429;
+        --text:       #e8eaed;
+        --text-muted: #9aa3b2;
+        --text-faint: #828b9b;
+      }
+      *, *::before, *::after { box-sizing: border-box; }
+      html, body { margin: 0; padding: 0; }
+      body {
+        background-color: var(--bg);
+        background-image: radial-gradient(60% 60% at 50% 50%, rgba(240, 180, 41, 0.10), transparent 70%);
+        color: var(--text);
+        font-family: 'DM Sans', system-ui, -apple-system, sans-serif;
+        -webkit-font-smoothing: antialiased;
+        min-height: 100vh;
+      }
+      main {
+        min-height: 100vh;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        padding: 2.5rem 1.5rem;
+        text-align: center;
+      }
+      .logo {
+        width: 96px;
+        height: 96px;
+        margin: 0 0 1.75rem;
+      }
+      .eyebrow {
+        display: inline-block;
+        margin: 0 0 1.5rem;
+        font-size: 14px;
+        font-style: italic;
+        color: var(--accent);
+      }
+      h1 {
+        margin: 0 0 1.5rem;
+        font-weight: 700;
+        font-size: clamp(2.25rem, 4.5vw, 4rem);
+        line-height: 1.05;
+        letter-spacing: -0.02em;
+        max-width: 18ch;
+      }
+      .subhead {
+        margin: 0 0 2rem;
+        max-width: 42rem;
+        font-size: 1.125rem;
+        line-height: 1.55;
+        color: var(--text-muted);
+      }
+      .micro {
+        margin: 0;
+        font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
+        font-size: 12px;
+        color: var(--text-faint);
+      }
+      .micro a { color: inherit; text-decoration: none; }
+      .micro a:hover, .micro a:focus { text-decoration: underline; }
+    </style>
+  </head>
+  <body>
+    <main>
+      <img class="logo" src="./cameleer-logo.png" alt="Cameleer" width="96" height="96">
+      <p class="eyebrow">✦ Routes are remapping.</p>
+      <h1>We're back on the trail<br>in a moment.</h1>
+      <p class="subhead">Cameleer is the hosted runtime and observability platform for Apache Camel — auto-traced, replay-ready, cross-service correlated. The 3 AM page becomes a 30-second answer.</p>
+      <p class="micro">cameleer.io · <a href="mailto:__SALES_EMAIL__">__SALES_EMAIL__</a></p>
+    </main>
+  </body>
+</html>