feat: convert web El source to native HTML template syntax
Replace all return "..." HTML string literals with native El templates —
removes all \" escapes, converts + interpolations to {expr}/{raw(expr)},
and replaces conditional string concatenation with {#if}/{#else}/{/if}.
No functional changes; output is identical.
This commit is contained in:
Will Anderson
+156
-156
@@ -4,18 +4,18 @@
|
||||
from founding_badge import { founding_badge, founding_badge_css }
|
||||
|
||||
fn account_page(supabase_url: String, supabase_anon_key: String) -> String {
|
||||
return "<!DOCTYPE html>
|
||||
<html lang=\"en\">
|
||||
return <!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset=\"UTF-8\">
|
||||
<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>My Account - Neuron</title>
|
||||
<meta name=\"description\" content=\"Manage your Neuron account, view your plan, and access your founding member details.\">
|
||||
<link rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/assets/favicon-16.png\">
|
||||
<link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/assets/favicon-32.png\">
|
||||
<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">
|
||||
<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>
|
||||
<link href=\"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=IBM+Plex+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">
|
||||
<meta name="description" content="Manage your Neuron account, view your plan, and access your founding member details.">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32.png">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=IBM+Plex+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
|
||||
@@ -618,7 +618,7 @@ fn account_page(supabase_url: String, supabase_anon_key: String) -> String {
|
||||
.roadmap-phase-date { font-family: var(--body); font-size: .7rem; font-weight: 400; color: var(--t3); letter-spacing: .06em; }
|
||||
.roadmap-items { list-style: none; display: flex; flex-direction: column; gap: .5rem; }
|
||||
.roadmap-items li { font-family: var(--body); font-size: .875rem; font-weight: 300; color: var(--t2); line-height: 1.6; padding-left: 1rem; position: relative; }
|
||||
.roadmap-items li::before { content: \"-\"; position: absolute; left: 0; color: var(--navy-65); }
|
||||
.roadmap-items li::before { content: "-"; position: absolute; left: 0; color: var(--navy-65); }
|
||||
|
||||
/* ── SIGN OUT SECTION ────────────────────────────────────────────────────── */
|
||||
|
||||
@@ -628,110 +628,110 @@ fn account_page(supabase_url: String, supabase_anon_key: String) -> String {
|
||||
<body>
|
||||
|
||||
<!-- ── Nav ──────────────────────────────────────────────────────────────────── -->
|
||||
<nav id=\"nav\">
|
||||
<div class=\"nav-inner\">
|
||||
<a href=\"/\" class=\"nav-logo\" aria-label=\"Neuron home\">
|
||||
<img src=\"/assets/brand/neuron-wordmark-on-light.png\"
|
||||
srcset=\"/assets/brand/neuron-wordmark-on-light@2x.png 2x\"
|
||||
alt=\"Neuron\" height=\"28\">
|
||||
<nav id="nav">
|
||||
<div class="nav-inner">
|
||||
<a href="/" class="nav-logo" aria-label="Neuron home">
|
||||
<img src="/assets/brand/neuron-wordmark-on-light.png"
|
||||
srcset="/assets/brand/neuron-wordmark-on-light@2x.png 2x"
|
||||
alt="Neuron" height="28">
|
||||
</a>
|
||||
<a href=\"/\" class=\"nav-back\">← Home</a>
|
||||
<a href="/" class="nav-back">← Home</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- ── Page shell ────────────────────────────────────────────────────────────── -->
|
||||
<div class=\"page-shell\">
|
||||
<div class=\"page-inner\">
|
||||
<div class="page-shell">
|
||||
<div class="page-inner">
|
||||
|
||||
<!-- Sign-in section (shown when not authenticated) -->
|
||||
<div id=\"signin-section\">
|
||||
<div class=\"signin-wrap\">
|
||||
<div class=\"signin-icon\">
|
||||
<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(0,82,160,.70)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">
|
||||
<path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"/>
|
||||
<circle cx=\"12\" cy=\"7\" r=\"4\"/>
|
||||
<div id="signin-section">
|
||||
<div class="signin-wrap">
|
||||
<div class="signin-icon">
|
||||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="rgba(0,82,160,.70)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
||||
<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/>
|
||||
<circle cx="12" cy="7" r="4"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h1 class=\"signin-title\">Sign in to your account</h1>
|
||||
<p class=\"signin-sub\">Enter your email to receive a sign-in link, or continue with a social account.</p>
|
||||
<h1 class="signin-title">Sign in to your account</h1>
|
||||
<p class="signin-sub">Enter your email to receive a sign-in link, or continue with a social account.</p>
|
||||
<!-- Single width-controlled container for ALL sign-in options -->
|
||||
<div style=\"width:100%;max-width:20rem;margin:0 auto;display:flex;flex-direction:column;gap:.75rem\">
|
||||
<button type=\"button\" class=\"signin-btn\" id=\"btn-google\" onclick=\"signInWith('google')\">
|
||||
<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" aria-hidden=\"true\">
|
||||
<path d=\"M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844c-.209 1.125-.843 2.078-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615z\" fill=\"#4285F4\"/>
|
||||
<path d=\"M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18z\" fill=\"#34A853\"/>
|
||||
<path d=\"M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332z\" fill=\"#FBBC05\"/>
|
||||
<path d=\"M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 6.29C4.672 4.163 6.656 3.58 9 3.58z\" fill=\"#EA4335\"/>
|
||||
<div style="width:100%;max-width:20rem;margin:0 auto;display:flex;flex-direction:column;gap:.75rem">
|
||||
<button type="button" class="signin-btn" id="btn-google" onclick="signInWith('google')">
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" aria-hidden="true">
|
||||
<path d="M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844c-.209 1.125-.843 2.078-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615z" fill="#4285F4"/>
|
||||
<path d="M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18z" fill="#34A853"/>
|
||||
<path d="M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332z" fill="#FBBC05"/>
|
||||
<path d="M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 6.29C4.672 4.163 6.656 3.58 9 3.58z" fill="#EA4335"/>
|
||||
</svg>
|
||||
Continue with Google
|
||||
</button>
|
||||
<button type=\"button\" class=\"signin-btn\" id=\"btn-github\" onclick=\"signInWith('github')\">
|
||||
<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">
|
||||
<path d=\"M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0 1 12 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z\"/>
|
||||
<button type="button" class="signin-btn" id="btn-github" onclick="signInWith('github')">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
|
||||
<path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0 1 12 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z"/>
|
||||
</svg>
|
||||
Continue with GitHub
|
||||
</button>
|
||||
|
||||
<div style=\"display:flex;align-items:center;gap:1rem;margin:.125rem 0\">
|
||||
<div style=\"flex:1;height:1px;background:var(--border2)\"></div>
|
||||
<span style=\"font-family:var(--body);font-size:.75rem;color:var(--t3);letter-spacing:.06em\">or</span>
|
||||
<div style=\"flex:1;height:1px;background:var(--border2)\"></div>
|
||||
<div style="display:flex;align-items:center;gap:1rem;margin:.125rem 0">
|
||||
<div style="flex:1;height:1px;background:var(--border2)"></div>
|
||||
<span style="font-family:var(--body);font-size:.75rem;color:var(--t3);letter-spacing:.06em">or</span>
|
||||
<div style="flex:1;height:1px;background:var(--border2)"></div>
|
||||
</div>
|
||||
|
||||
<input type=\"email\" id=\"acct-email-input\" placeholder=\"Email address\" autocomplete=\"email\"
|
||||
style=\"font-family:var(--body);font-size:.875rem;font-weight:300;color:var(--t1);background:#fff;border:1px solid var(--border2);padding:.875rem 1rem;outline:none;transition:border-color .2s;width:100%;box-sizing:border-box\">
|
||||
<button type=\"button\" id=\"acct-magic-btn\" onclick=\"sendMagicLink()\"
|
||||
style=\"font-family:var(--body);font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--navy);border:none;padding:.875rem 1rem;cursor:pointer;transition:background .2s;width:100%;box-sizing:border-box\">
|
||||
<input type="email" id="acct-email-input" placeholder="Email address" autocomplete="email"
|
||||
style="font-family:var(--body);font-size:.875rem;font-weight:300;color:var(--t1);background:#fff;border:1px solid var(--border2);padding:.875rem 1rem;outline:none;transition:border-color .2s;width:100%;box-sizing:border-box">
|
||||
<button type="button" id="acct-magic-btn" onclick="sendMagicLink()"
|
||||
style="font-family:var(--body);font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--navy);border:none;padding:.875rem 1rem;cursor:pointer;transition:background .2s;width:100%;box-sizing:border-box">
|
||||
Continue with email
|
||||
</button>
|
||||
<p id=\"acct-email-msg\" style=\"display:none;font-size:.8rem;text-align:center;margin-top:.25rem\"></p>
|
||||
<p id="acct-email-msg" style="display:none;font-size:.8rem;text-align:center;margin-top:.25rem"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Dashboard section (shown when authenticated) -->
|
||||
<div id=\"dashboard-section\" style=\"display:none\">
|
||||
<div id="dashboard-section" style="display:none">
|
||||
|
||||
<!-- Account header row -->
|
||||
<div class=\"acct-header-row\">
|
||||
<div class="acct-header-row">
|
||||
<div>
|
||||
<p class=\"page-eyebrow\" style=\"margin-bottom:.375rem\">Account</p>
|
||||
<h1 class=\"page-title\" style=\"margin-bottom:.5rem\">Your Account</h1>
|
||||
<p class=\"acct-email\" id=\"acct-header-email\"></p>
|
||||
<p class="page-eyebrow" style="margin-bottom:.375rem">Account</p>
|
||||
<h1 class="page-title" style="margin-bottom:.5rem">Your Account</h1>
|
||||
<p class="acct-email" id="acct-header-email"></p>
|
||||
</div>
|
||||
<div style=\"padding-top:.25rem\">
|
||||
<button type=\"button\" class=\"btn-ghost\" id=\"signout-btn-top\" onclick=\"signOut()\">Sign out</button>
|
||||
<div style="padding-top:.25rem">
|
||||
<button type="button" class="btn-ghost" id="signout-btn-top" onclick="signOut()">Sign out</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class=\"account-section\">
|
||||
<div class="account-section">
|
||||
|
||||
<!-- Plan card -->
|
||||
<div class=\"card-dark\" id=\"plan-card\">
|
||||
<p class=\"card-label\">Your Plan</p>
|
||||
<div class=\"plan-row\">
|
||||
<div class="card-dark" id="plan-card">
|
||||
<p class="card-label">Your Plan</p>
|
||||
<div class="plan-row">
|
||||
<div>
|
||||
<p class=\"plan-name\" id=\"plan-name-el\">Loading...</p>
|
||||
<div id=\"plan-status-el\"></div>
|
||||
<div id=\"plan-billing-note-el\"></div>
|
||||
<p class="plan-name" id="plan-name-el">Loading...</p>
|
||||
<div id="plan-status-el"></div>
|
||||
<div id="plan-billing-note-el"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\"plan-meta\" id=\"plan-meta-el\"></div>
|
||||
<div class="plan-meta" id="plan-meta-el"></div>
|
||||
</div>
|
||||
|
||||
<!-- Roadmap (only shown for founding members) -->
|
||||
<div id=\"roadmap-section\" style=\"display:none\">
|
||||
<div class=\"card-dark\">
|
||||
<p class=\"card-label\">Product Roadmap</p>
|
||||
<p style=\"font-family:var(--body);font-weight:300;font-size:.875rem;color:var(--t2);line-height:1.7;margin-bottom:1.5rem\">As a Founding Member, you have visibility into what we're building. This is the real roadmap — not marketing.</p>
|
||||
<div class=\"roadmap-list\">
|
||||
<div id="roadmap-section" style="display:none">
|
||||
<div class="card-dark">
|
||||
<p class="card-label">Product Roadmap</p>
|
||||
<p style="font-family:var(--body);font-weight:300;font-size:.875rem;color:var(--t2);line-height:1.7;margin-bottom:1.5rem">As a Founding Member, you have visibility into what we're building. This is the real roadmap — not marketing.</p>
|
||||
<div class="roadmap-list">
|
||||
<!-- Phase 1 -->
|
||||
<div class=\"roadmap-phase\">
|
||||
<div class=\"roadmap-phase-header\">
|
||||
<span class=\"roadmap-phase-label\">Now shipping</span>
|
||||
<span class=\"roadmap-phase-date\">Q3 2026</span>
|
||||
<div class="roadmap-phase">
|
||||
<div class="roadmap-phase-header">
|
||||
<span class="roadmap-phase-label">Now shipping</span>
|
||||
<span class="roadmap-phase-date">Q3 2026</span>
|
||||
</div>
|
||||
<ul class=\"roadmap-items\">
|
||||
<ul class="roadmap-items">
|
||||
<li>macOS and Windows clients</li>
|
||||
<li>Persistent memory — local, encrypted</li>
|
||||
<li>Bring your own API keys (OpenAI, Anthropic, Grok)</li>
|
||||
@@ -742,12 +742,12 @@ fn account_page(supabase_url: String, supabase_anon_key: String) -> String {
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Phase 2 -->
|
||||
<div class=\"roadmap-phase\">
|
||||
<div class=\"roadmap-phase-header\">
|
||||
<span class=\"roadmap-phase-label\">Following launch</span>
|
||||
<span class=\"roadmap-phase-date\">Q4 2026</span>
|
||||
<div class="roadmap-phase">
|
||||
<div class="roadmap-phase-header">
|
||||
<span class="roadmap-phase-label">Following launch</span>
|
||||
<span class="roadmap-phase-date">Q4 2026</span>
|
||||
</div>
|
||||
<ul class=\"roadmap-items\">
|
||||
<ul class="roadmap-items">
|
||||
<li>Process and knowledge packets</li>
|
||||
<li>Local inference via Ollama</li>
|
||||
<li>Additional connectors — GitHub, Notion, Linear, more</li>
|
||||
@@ -756,12 +756,12 @@ fn account_page(supabase_url: String, supabase_anon_key: String) -> String {
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Phase 3 -->
|
||||
<div class=\"roadmap-phase\" style=\"border-bottom:none\">
|
||||
<div class=\"roadmap-phase-header\">
|
||||
<span class=\"roadmap-phase-label\">2027</span>
|
||||
<span class=\"roadmap-phase-date\">H1 2027</span>
|
||||
<div class="roadmap-phase" style="border-bottom:none">
|
||||
<div class="roadmap-phase-header">
|
||||
<span class="roadmap-phase-label">2027</span>
|
||||
<span class="roadmap-phase-date">H1 2027</span>
|
||||
</div>
|
||||
<ul class=\"roadmap-items\">
|
||||
<ul class="roadmap-items">
|
||||
<li>Imprints — starting with C-suite (CEO, CTO, CFO, CMO, COO)</li>
|
||||
<li>Enterprise accounts</li>
|
||||
<li>Plugin marketplace (open to developers)</li>
|
||||
@@ -769,119 +769,119 @@ fn account_page(supabase_url: String, supabase_anon_key: String) -> String {
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<p style=\"font-family:var(--body);font-weight:300;font-size:.75rem;color:var(--t3);margin-top:1.5rem;line-height:1.7\">This roadmap is directional, not a commitment. Founding Members shape what gets built and when through their feedback and votes. Your input has real weight.</p>
|
||||
<p style="font-family:var(--body);font-weight:300;font-size:.75rem;color:var(--t3);margin-top:1.5rem;line-height:1.7">This roadmap is directional, not a commitment. Founding Members shape what gets built and when through their feedback and votes. Your input has real weight.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Family plan section (only shown for founding members) -->
|
||||
<div id=\"family-section\" style=\"display:none\">
|
||||
<div class=\"card-dark\">
|
||||
<div class=\"acct-section-header\">
|
||||
<p class=\"card-label\">Family members</p>
|
||||
<p style=\"font-size:.8125rem;font-weight:300;color:var(--t2);line-height:1.65\">Add up to 5 children to your Founding Member plan. $10/month per child.</p>
|
||||
<div id="family-section" style="display:none">
|
||||
<div class="card-dark">
|
||||
<div class="acct-section-header">
|
||||
<p class="card-label">Family members</p>
|
||||
<p style="font-size:.8125rem;font-weight:300;color:var(--t2);line-height:1.65">Add up to 5 children to your Founding Member plan. $10/month per child.</p>
|
||||
</div>
|
||||
<div id=\"family-list\"></div>
|
||||
<div id=\"add-child-form\">
|
||||
<input type=\"email\" id=\"child-email\" placeholder=\"Child's email\" class=\"acct-input\">
|
||||
<input type=\"number\" id=\"child-dob-year\" placeholder=\"Birth year (e.g. 2012)\" min=\"1990\" max=\"2007\" class=\"acct-input\">
|
||||
<label style=\"display:flex;gap:.5rem;align-items:flex-start;cursor:pointer;margin:.75rem 0\">
|
||||
<input type=\"checkbox\" id=\"family-attest\" style=\"margin-top:.2rem;accent-color:var(--navy)\">
|
||||
<span style=\"font-size:.8rem;color:var(--t2)\">I confirm this person is a minor under my care and is using this account under my supervision.</span>
|
||||
<div id="family-list"></div>
|
||||
<div id="add-child-form">
|
||||
<input type="email" id="child-email" placeholder="Child's email" class="acct-input">
|
||||
<input type="number" id="child-dob-year" placeholder="Birth year (e.g. 2012)" min="1990" max="2007" class="acct-input">
|
||||
<label style="display:flex;gap:.5rem;align-items:flex-start;cursor:pointer;margin:.75rem 0">
|
||||
<input type="checkbox" id="family-attest" style="margin-top:.2rem;accent-color:var(--navy)">
|
||||
<span style="font-size:.8rem;color:var(--t2)">I confirm this person is a minor under my care and is using this account under my supervision.</span>
|
||||
</label>
|
||||
<button class=\"btn-primary\" onclick=\"addFamilyMember()\" style=\"padding:.75rem 1.5rem\">Add family member</button>
|
||||
<p id=\"family-msg\" style=\"display:none;font-size:.8rem;margin-top:.5rem\"></p>
|
||||
<button class="btn-primary" onclick="addFamilyMember()" style="padding:.75rem 1.5rem">Add family member</button>
|
||||
<p id="family-msg" style="display:none;font-size:.8rem;margin-top:.5rem"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Founding badge (only shown for founding members) -->
|
||||
<div id=\"badge-section\" style=\"display:none\">
|
||||
<div class=\"card-dark\" style=\"padding:2.5rem 2rem;text-align:center;border-top:3px solid var(--navy);background:linear-gradient(135deg,rgba(0,82,160,.03) 0%,rgba(0,82,160,.06) 100%)\">
|
||||
<p class=\"card-label\" style=\"margin-bottom:1.5rem;letter-spacing:.25em\">Your Founding Member Badge</p>
|
||||
<div id=\"badge-html-container\" style=\"display:flex;justify-content:center;margin-bottom:1.5rem\"></div>
|
||||
<p style=\"font-family:var(--body);font-weight:300;font-size:.8125rem;color:var(--t3);line-height:1.7;max-width:24rem;margin:0 auto\">
|
||||
<div id="badge-section" style="display:none">
|
||||
<div class="card-dark" style="padding:2.5rem 2rem;text-align:center;border-top:3px solid var(--navy);background:linear-gradient(135deg,rgba(0,82,160,.03) 0%,rgba(0,82,160,.06) 100%)">
|
||||
<p class="card-label" style="margin-bottom:1.5rem;letter-spacing:.25em">Your Founding Member Badge</p>
|
||||
<div id="badge-html-container" style="display:flex;justify-content:center;margin-bottom:1.5rem"></div>
|
||||
<p style="font-family:var(--body);font-weight:300;font-size:.8125rem;color:var(--t3);line-height:1.7;max-width:24rem;margin:0 auto">
|
||||
This badge will appear in the Neuron app at launch. Your number is permanent.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- What happens next -->
|
||||
<div class=\"card-dark\" id=\"timeline-card\">
|
||||
<p class=\"card-label\">What happens next</p>
|
||||
<div class=\"timeline\">
|
||||
<div class=\"timeline-item\">
|
||||
<div class=\"timeline-left\">
|
||||
<div class=\"timeline-dot filled\"></div>
|
||||
<div class=\"timeline-line\"></div>
|
||||
<div class="card-dark" id="timeline-card">
|
||||
<p class="card-label">What happens next</p>
|
||||
<div class="timeline">
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-left">
|
||||
<div class="timeline-dot filled"></div>
|
||||
<div class="timeline-line"></div>
|
||||
</div>
|
||||
<div class=\"timeline-content\">
|
||||
<p class=\"timeline-date\">Now</p>
|
||||
<p class=\"timeline-text\">Your preorder is confirmed.</p>
|
||||
<p class=\"timeline-sub\">A confirmation email has been sent to your address. Thank you for being here early.</p>
|
||||
<div class="timeline-content">
|
||||
<p class="timeline-date">Now</p>
|
||||
<p class="timeline-text">Your preorder is confirmed.</p>
|
||||
<p class="timeline-sub">A confirmation email has been sent to your address. Thank you for being here early.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\"timeline-item\">
|
||||
<div class=\"timeline-left\">
|
||||
<div class=\"timeline-dot filled\" style=\"background:rgba(0,82,160,.4);border-color:rgba(0,82,160,.4)\"></div>
|
||||
<div class=\"timeline-line\"></div>
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-left">
|
||||
<div class="timeline-dot filled" style="background:rgba(0,82,160,.4);border-color:rgba(0,82,160,.4)"></div>
|
||||
<div class="timeline-line"></div>
|
||||
</div>
|
||||
<div class=\"timeline-content\">
|
||||
<p class=\"timeline-date\" style=\"color:var(--navy);font-weight:600\">Within 30 days</p>
|
||||
<p class=\"timeline-text\">Neuron for Mac & Windows ships.</p>
|
||||
<p class=\"timeline-sub\">You'll receive an email with your download link and license key. macOS and Windows simultaneously.</p>
|
||||
<div class="timeline-content">
|
||||
<p class="timeline-date" style="color:var(--navy);font-weight:600">Within 30 days</p>
|
||||
<p class="timeline-text">Neuron for Mac & Windows ships.</p>
|
||||
<p class="timeline-sub">You'll receive an email with your download link and license key. macOS and Windows simultaneously.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\"timeline-item\">
|
||||
<div class=\"timeline-left\">
|
||||
<div class=\"timeline-dot\"></div>
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-left">
|
||||
<div class="timeline-dot"></div>
|
||||
</div>
|
||||
<div class=\"timeline-content\">
|
||||
<p class=\"timeline-date\">Q3 2026</p>
|
||||
<p class=\"timeline-text\">Neuron Inference launches.</p>
|
||||
<p class=\"timeline-sub\">Our own inference layer, priced below the major APIs. No setup required - it activates automatically for your plan.</p>
|
||||
<div class="timeline-content">
|
||||
<p class="timeline-date">Q3 2026</p>
|
||||
<p class="timeline-text">Neuron Inference launches.</p>
|
||||
<p class="timeline-sub">Our own inference layer, priced below the major APIs. No setup required - it activates automatically for your plan.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Download -->
|
||||
<div class=\"card-dark\" style=\"border-top:3px solid var(--navy)\">
|
||||
<p class=\"card-label\">Download</p>
|
||||
<p class=\"download-status\" style=\"color:var(--navy)\">Shipping within 30 days</p>
|
||||
<p class=\"download-title\">Neuron for Mac & Windows</p>
|
||||
<p class=\"download-body\">macOS and Windows simultaneously. You'll receive a download link and license key by email the moment it ships. Nothing to do right now.</p>
|
||||
<button type=\"button\" class=\"download-btn-disabled\" disabled aria-disabled=\"true\">
|
||||
<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">
|
||||
<path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/>
|
||||
<polyline points=\"7 10 12 15 17 10\"/>
|
||||
<line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"/>
|
||||
<div class="card-dark" style="border-top:3px solid var(--navy)">
|
||||
<p class="card-label">Download</p>
|
||||
<p class="download-status" style="color:var(--navy)">Shipping within 30 days</p>
|
||||
<p class="download-title">Neuron for Mac & Windows</p>
|
||||
<p class="download-body">macOS and Windows simultaneously. You'll receive a download link and license key by email the moment it ships. Nothing to do right now.</p>
|
||||
<button type="button" class="download-btn-disabled" disabled aria-disabled="true">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
||||
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/>
|
||||
<polyline points="7 10 12 15 17 10"/>
|
||||
<line x1="12" y1="15" x2="12" y2="3"/>
|
||||
</svg>
|
||||
Download arriving soon
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Devices -->
|
||||
<div class=\"card-dark\">
|
||||
<p class=\"card-label\">Devices</p>
|
||||
<div class=\"devices-row\">
|
||||
<div class=\"device-icon\">
|
||||
<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(0,82,160,.70)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">
|
||||
<rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"/>
|
||||
<line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"/>
|
||||
<line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"/>
|
||||
<div class="card-dark">
|
||||
<p class="card-label">Devices</p>
|
||||
<div class="devices-row">
|
||||
<div class="device-icon">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="rgba(0,82,160,.70)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
||||
<rect x="2" y="3" width="20" height="14" rx="2"/>
|
||||
<line x1="8" y1="21" x2="16" y2="21"/>
|
||||
<line x1="12" y1="17" x2="12" y2="21"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<p class=\"devices-count\">2 devices included with your plan</p>
|
||||
<p class=\"devices-sub\">Currently: Setup at launch</p>
|
||||
<p class="devices-count">2 devices included with your plan</p>
|
||||
<p class="devices-sub">Currently: Setup at launch</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class=\"devices-note\">Device activation happens when you install. Your license key will be in your launch email.</p>
|
||||
<p class="devices-note">Device activation happens when you install. Your license key will be in your launch email.</p>
|
||||
</div>
|
||||
|
||||
<!-- Sign out -->
|
||||
<div class=\"signout-section\">
|
||||
<button type=\"button\" class=\"btn-ghost\" id=\"signout-btn\" onclick=\"signOut()\">Sign out</button>
|
||||
<div class="signout-section">
|
||||
<button type="button" class="btn-ghost" id="signout-btn" onclick="signOut()">Sign out</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -890,11 +890,11 @@ fn account_page(supabase_url: String, supabase_anon_key: String) -> String {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src=\"https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2/dist/umd/supabase.min.js\"></script>
|
||||
<script>window.NEURON_CFG=window.NEURON_CFG||{};window.NEURON_CFG.supabase_url=\"" + supabase_url + "\";window.NEURON_CFG.supabase_anon_key=\"" + supabase_anon_key + "\";</script>
|
||||
<script src=\"/js/account-auth.js\" defer></script>
|
||||
<script src=\"/js/account-dashboard.js\" defer></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2/dist/umd/supabase.min.js"></script>
|
||||
<script>window.NEURON_CFG=window.NEURON_CFG||{};window.NEURON_CFG.supabase_url="{supabase_url}";window.NEURON_CFG.supabase_anon_key="{supabase_anon_key}";</script>
|
||||
<script src="/js/account-auth.js" defer></script>
|
||||
<script src="/js/account-dashboard.js" defer></script>
|
||||
|
||||
</body>
|
||||
</html>"
|
||||
</html>
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user