Standalone HTML + two sibling PNGs, no Astro build dependency. Carries __SALES_EMAIL__ substitution tokens that the new deploy workflow replaces at deploy time.
94 lines
3.1 KiB
HTML
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>
|