155 lines
4.1 KiB
HTML
155 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="robots" content="noindex, nofollow">
|
|
<title>Thanks for joining — Inference Cooperative</title>
|
|
<meta name="description" content="Thanks for joining the Inference Cooperative.">
|
|
<link rel="icon" type="image/svg+xml" href="../favicon.svg">
|
|
<style>
|
|
@font-face {
|
|
font-family: 'Figtree';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: url('../fonts/figtree-400.woff2') format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Figtree';
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-display: swap;
|
|
src: url('../fonts/figtree-500.woff2') format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Figtree';
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-display: swap;
|
|
src: url('../fonts/figtree-600.woff2') format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Figtree';
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-display: swap;
|
|
src: url('../fonts/figtree-700.woff2') format('woff2');
|
|
}
|
|
|
|
:root {
|
|
--cream: #faf8f5;
|
|
--white: #ffffff;
|
|
--ink: #2d3327;
|
|
--muted: #6b7a62;
|
|
--light-muted: #94a08c;
|
|
--green-deep: #5b8c5a;
|
|
--green-mid: #6ba86b;
|
|
--green-light: #7ab87a;
|
|
--border: #e8e2d8;
|
|
}
|
|
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
|
|
body {
|
|
background: var(--cream);
|
|
color: var(--ink);
|
|
font-family: 'Figtree', sans-serif;
|
|
min-height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 40px 24px;
|
|
text-align: center;
|
|
}
|
|
|
|
.logo {
|
|
margin-bottom: 28px;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 36px;
|
|
font-weight: 700;
|
|
letter-spacing: -0.02em;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.message {
|
|
font-size: 18px;
|
|
font-weight: 500;
|
|
color: var(--muted);
|
|
max-width: 480px;
|
|
line-height: 1.6;
|
|
margin-bottom: 32px;
|
|
}
|
|
|
|
.email-note {
|
|
display: inline-block;
|
|
background: #e8f5e8;
|
|
color: var(--green-deep);
|
|
padding: 12px 24px;
|
|
border-radius: 20px;
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.footer {
|
|
margin-top: 48px;
|
|
font-size: 13px;
|
|
color: var(--light-muted);
|
|
}
|
|
|
|
.footer a {
|
|
color: var(--muted);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.footer a:hover { text-decoration: underline; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="logo">
|
|
<svg width="96" height="96" viewBox="0 0 130 130" fill="none" aria-label="Inference Cooperative logo">
|
|
<circle cx="65" cy="14" r="5" fill="#5b8c5a"/>
|
|
<circle cx="58" cy="30" r="6" fill="#7ab87a"/>
|
|
<circle cx="74" cy="30" r="4" fill="#6ba86b"/>
|
|
<circle cx="51.5" cy="46" r="6.5" fill="#5b8c5a"/>
|
|
<circle cx="65" cy="46" r="5" fill="#7ab87a"/>
|
|
<circle cx="81" cy="46" r="4" fill="#6ba86b"/>
|
|
<circle cx="44" cy="62" r="7" fill="#6ba86b"/>
|
|
<circle cx="61" cy="62" r="5.5" fill="#5b8c5a"/>
|
|
<circle cx="76" cy="62" r="4.5" fill="#7ab87a"/>
|
|
<circle cx="89.5" cy="62" r="3.5" fill="#6ba86b"/>
|
|
<circle cx="36.5" cy="78" r="7.5" fill="#5b8c5a"/>
|
|
<circle cx="54" cy="78" r="6" fill="#7ab87a"/>
|
|
<circle cx="70" cy="78" r="5" fill="#6ba86b"/>
|
|
<circle cx="84" cy="78" r="4" fill="#5b8c5a"/>
|
|
<circle cx="97.5" cy="78" r="3.5" fill="#7ab87a"/>
|
|
<circle cx="44" cy="94" r="6.5" fill="#6ba86b"/>
|
|
<circle cx="61" cy="94" r="5.5" fill="#5b8c5a"/>
|
|
<circle cx="76" cy="94" r="4.5" fill="#7ab87a"/>
|
|
<circle cx="89.5" cy="94" r="3.5" fill="#6ba86b"/>
|
|
<circle cx="51.5" cy="110" r="5.5" fill="#5b8c5a"/>
|
|
<circle cx="65" cy="110" r="4.5" fill="#7ab87a"/>
|
|
<circle cx="81" cy="110" r="3.5" fill="#6ba86b"/>
|
|
</svg>
|
|
</div>
|
|
|
|
<h1>Thanks for joining!</h1>
|
|
|
|
<p class="message">You're now a member of the Inference Cooperative. We've sent you an email to finish setting up your account.</p>
|
|
|
|
<div class="email-note">Check your inbox for your setup link</div>
|
|
|
|
<div class="footer">
|
|
<a href="mailto:info@inference.coop">info@inference.coop</a>
|
|
·
|
|
<a href="../">inference.coop</a>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|