launchpad.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="A colorful, metadata-only continuity launchpad for AI-agent backup planning.">
  <title>Launchpad — Agent Backup Kit</title>
  <link rel="stylesheet" href="assets/css/styles.css"><link rel="stylesheet" href="assets/css/launchpad.css">
</head>
<body class="launchpad-page">
  <a class="skip-link" href="#main">Skip to content</a>
  <div class="aurora aurora-one" aria-hidden="true"></div><div class="aurora aurora-two" aria-hidden="true"></div>
  <header class="site-header"><div class="wrap nav-wrap"><a class="brand" href="index.html"><span class="brand-mark">AB</span><span>Agent Backup Kit</span></a><nav class="site-nav" aria-label="Primary"><a href="index.html">Home</a><a href="index.html#worksheet">Worksheet</a><a href="downloads.html">Downloads</a><a href="about.html">About</a><a href="support.html">Support</a></nav></div></header>
  <main id="main">
    <section class="launch-hero wrap"><div class="launch-kicker"><span class="pulse-dot"></span> continuity control room · metadata only</div><h1>Launch your <span class="gradient-text">backup orbit.</span></h1><p>Make the boring emergency plan feel a little more colorful. This launchpad helps you map independent inventory, vault control, and human fallback—without asking for secrets.</p><div class="launch-actions"><a class="button launch-button" href="index.html#worksheet">Start safe inventory</a><a class="button glass-button" href="downloads.html">Get the templates</a></div><div class="launch-warning"><strong>Safety boundary:</strong> Do not enter passwords, API keys, tokens, or other secrets. This is a planning console, not a vault.</div></section>
    <section class="orbit-stage wrap" aria-label="Continuity coverage layers"><div class="orbit orbit-outer"></div><div class="orbit orbit-inner"></div><div class="core"><span class="core-spark">✦</span><strong>YOU</strong><small>in control</small></div><div class="orbit-card card-inventory"><span class="orbit-icon">✦</span><strong>Inventory</strong><small>Know what exists</small></div><div class="orbit-card card-vault"><span class="orbit-icon">◆</span><strong>Encrypted vault</strong><small>Keep control outside the agent</small></div><div class="orbit-card card-human"><span class="orbit-icon">●</span><strong>Human fallback</strong><small>Keep the business moving</small></div></section>
    <section class="coverage wrap"><div class="coverage-copy"><div class="eyebrow">Continuity coverage</div><h2>A friendly meter for what you have documented.</h2><p>This is not a security score and not a certification. It only reflects the three planning layers shown here.</p></div><div class="coverage-panel"><div class="meter-head"><strong id="coverage-label">1 of 3 layers mapped</strong><span id="coverage-percent">33%</span></div><div class="meter"><span id="coverage-bar" style="width:33%"></span></div><div class="coverage-toggles"><label><input type="checkbox" data-layer="inventory"> Inventory documented</label><label><input type="checkbox" data-layer="vault"> Independent vault</label><label><input type="checkbox" data-layer="fallback"> Human fallback</label></div><p id="coverage-note" class="small">Tick only what you have independently documented. No secret values are needed.</p></div></section>
    <section class="timeline-zone"><div class="wrap"><div class="section-heading"><div><div class="eyebrow">If the agent disappears</div><h2>Your calm, colorful recovery sequence.</h2></div><p>Use the steps as a rehearsal. Never wait for a platform to return your only copy.</p></div><div class="launch-timeline"><article><span>01</span><h3>Pause</h3><p>Record the first observed failure time. Stop repeated retries.</p></article><article><span>02</span><h3>Protect</h3><p>Use direct provider dashboards and rotate potentially exposed credentials.</p></article><article><span>03</span><h3>Switch</h3><p>Use your manual or alternate-agent fallback and keep serving customers.</p></article></div></div></section>
    <section class="wrap final-launch"><div><div class="eyebrow">Ready when you are</div><h2>Make your fallback feel like a launch, not a loss.</h2></div><a class="button launch-button" href="index.html#worksheet">Open the worksheet</a></section>
  </main>
  <footer class="site-footer"><div class="wrap footer-grid"><div class="brand footer-brand"><span class="brand-mark">AB</span><span>Agent Backup Kit</span></div><span class="small">Independent and unofficial. No secret storage.</span><a href="privacy.html">Privacy</a></div></footer>
  <script type="module" src="assets/js/launchpad.js"></script>
</body>
</html>