Files
cameleer-website/placeholder/index.html
hsiegeln d0bacdd622 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

94 lines
3.1 KiB
HTML

<!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>