| new file mode 100644 |
| index 0000000..75956de |
| --- /dev/null |
| +++ b/web/status/roadmap.html |
| @@ -0,0 +1,225 @@ |
| +<!-- 🤖 Roadmap: the forward companion to milestones.html. Where Milestones is |
| + the story of what's shipped, this is the honest plan for what's next — the |
| + road to V1, in member language. Curated and hand-kept (never generated), |
| + appended and re-statused as tracks move. No GitHub issue numbers (the app |
| + repo is private) and no operator/security internals — a public roadmap |
| + names what members will feel, not how the fleet is run. Fully |
| + self-contained: shared tokens/masthead/nav in status.css, a small inline |
| + block for the track list and status pills. No JS, no external requests. --> |
| +<!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="light dark" /> |
| +<title>Eleven — roadmap</title> |
| +<link rel="icon" type="image/png" href="./icon-192.png" /> |
| +<link rel="stylesheet" href="./status.css" /> |
| +<style> |
| + /* Roadmap-only styles; tokens, reset, masthead and the shared nav live in |
| + status.css. Two ideas: "the bar" (what V1 has to clear) as a short list of |
| + principles, and a set of tracks each carrying an honest status. */ |
| + a:focus-visible { outline: 2px solid var(--series); outline-offset: 2px; border-radius: 4px; } |
| + h1 { font-size: 1.5rem; margin: 8px 0 4px; } |
| + |
| + /* The bar: the principles V1 is measured against. A plain list, the lead |
| + word carrying the weight. */ |
| + ul.bar { list-style: none; padding: 0; margin: 6px 0 0; display: grid; gap: 10px; } |
| + ul.bar li { |
| + background: var(--surface); border: 1px solid var(--border); border-radius: 12px; |
| + padding: 12px 16px; |
| + } |
| + ul.bar b { font-weight: 650; } |
| + ul.bar span { color: var(--ink-2); } |
| + |
| + /* Tracks: one card per theme, a status pill top-right. The pill pairs a word |
| + with a coloured dot — the word carries the state, colour only reinforces |
| + (never colour alone). */ |
| + ol.tracks { list-style: none; padding: 0; margin: 8px 0 0; display: grid; gap: 12px; } |
| + ol.tracks > li { |
| + background: var(--surface); border: 1px solid var(--border); border-radius: 12px; |
| + padding: 14px 16px; |
| + } |
| + .track-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; } |
| + .track-head h2 { font-size: 1.05rem; margin: 0; } |
| + .track p { margin: 6px 0 0; color: var(--ink-2); font-size: 0.95rem; } |
| + .track p.detail { color: var(--ink); } |
| + |
| + .pill { |
| + font-size: 0.78rem; font-weight: 600; white-space: nowrap; letter-spacing: 0.01em; |
| + display: inline-flex; align-items: center; gap: 6px; |
| + } |
| + .pill::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: currentColor; flex: none; } |
| + .pill.live { color: var(--good); } |
| + .pill.building { color: var(--series); } |
| + .pill.next { color: var(--warn); } |
| + .pill.later { color: var(--ink-2); } |
| + .pill.later::before { background: transparent; border: 1.5px solid var(--ink-2); } |
| + |
| + .legend { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 10px 0 0; font-size: 0.85rem; color: var(--ink-2); } |
| + |
| + h2.group { |
| + font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--ink-2); |
| + margin: 6px 0 8px; font-weight: 650; |
| + } |
| + .after ol.tracks > li { background: transparent; border-style: dashed; } |
| +</style> |
| +</head> |
| +<body> |
| +<div class="wrap"> |
| + <header> |
| + <img src="./icon-192.png" alt="" /> |
| + <div> |
| + <p class="brand">Eleven Messenger</p> |
| + <h1>Roadmap</h1> |
| + </div> |
| + </header> |
| + <nav class="status-nav" aria-label="Status"> |
| + <a href="./index.html">Fleet</a> |
| + <a href="./books.html">Income & Expenditure</a> |
| + <a href="./economics.html">Economics</a> |
| + <a href="./funding.html">Investing</a> |
| + <a href="./security.html">Security</a> |
| + <a href="./carbon.html">Carbon use</a> |
| + <a href="./contributors.html">Contributors</a> |
| + <a href="./prompts.html">Prompt Ledger</a> |
| + <a href="./ssh.html">Access Ledger</a> |
| + <a href="./hardening.html">Fleet hardening</a> |
| + <span aria-current="page">Roadmap</span> |
| + </nav> |
| + |
| + <p class="lede">🤖 Where we're taking Eleven next, and how far along each piece is. |
| + <a href="./milestones.html">Milestones</a> is the story of what's already shipped; |
| + this is the honest plan for the road to <b>V1</b> — the release where the whole |
| + thing feels finished, not just working. Hand-kept and updated as tracks move, |
| + in plain language: what you'll feel, not how the fleet is run.</p> |
| + <p class="asof">Toward the V1 release · reviewed 20 July 2026</p> |
| + |
| + <section aria-labelledby="h-bar"> |
| + <h2 id="h-bar">What V1 has to clear</h2> |
| + <p class="note explain">V1 isn't a feature list — it's a bar. Five things have to |
| + be true before we'd call it finished.</p> |
| + <ul class="bar"> |
| + <li><b>Getting started feels effortless.</b> <span>The first five minutes are the |
| + product. No dead ends, no jargon, no "what now?" — better than anything you've used.</span></li> |
| + <li><b>Paying is calm and fair.</b> <span>Upgrading stays out of your way until the |
| + moment you need it, and never feels like a toll booth. Always there, never pushy.</span></li> |
| + <li><b>It's solid on every device.</b> <span>The Mac and iPhone apps feel as finished |
| + as the web — no jank, no surprises, nothing that reads as a beta.</span></li> |
| + <li><b>Your account and history are safe forever.</b> <span>Losing a device or a |
| + passkey can never mean losing your conversations. Recovery just works.</span></li> |
| + <li><b>The promise holds everywhere.</b> <span>If our servers were compromised, an |
| + attacker still gets nothing. And every surface meets the accessibility bar we've set.</span></li> |
| + </ul> |
| + </section> |
| + |
| + <section aria-labelledby="h-tracks"> |
| + <h2 id="h-tracks">The tracks</h2> |
| + <p class="note explain">The work that gets us over the bar, grouped by what it's for.</p> |
| + <div class="legend" aria-hidden="true"> |
| + <span class="pill live">Live</span> |
| + <span class="pill building">Building now</span> |
| + <span class="pill next">Next for V1</span> |
| + <span class="pill later">After V1</span> |
| + </div> |
| + |
| + <ol class="tracks"> |
| + <li class="track"> |
| + <div class="track-head"><h2>Getting started</h2><span class="pill building">Building now</span></div> |
| + <p class="detail">First-run, rebuilt to be the best anyone's used.</p> |
| + <p>Every confusing hop and dead end removed — a clean path from "I've heard of |
| + this" to "I'm talking to my people." Setting up a space, joining one, and |
| + inviting the people who aren't here yet should each feel obvious.</p> |
| + </li> |
| + |
| + <li class="track"> |
| + <div class="track-head"><h2>Signing in & never losing your account</h2><span class="pill building">Building now</span></div> |
| + <p class="detail">The front door recognises you and the safety net always holds.</p> |
| + <p>Sign in the way that suits you — a passkey, or with Apple, Google, Microsoft |
| + or email — and pick up on a new device without ceremony. Most of this is already |
| + live; the rest is finishing the doors and making recovery foolproof, so a lost |
| + phone is never a lost history.</p> |
| + </li> |
| + |
| + <li class="track"> |
| + <div class="track-head"><h2>Solid on Mac & iPhone</h2><span class="pill building">Building now</span></div> |
| + <p class="detail">The native apps reach the web's polish.</p> |
| + <p>Search, formatting, photos, unread markers, mentions — the everyday things — |
| + working the same on every platform, with the rough edges smoothed. The apps are |
| + where most people live, so they hold to the same bar as the web.</p> |
| + </li> |
| + |
| + <li class="track"> |
| + <div class="track-head"><h2>A fair way to pay</h2><span class="pill live">Live · being refined</span></div> |
| + <p class="detail">Subscriptions are live; V1 makes the experience quietly excellent.</p> |
| + <p>Paid plans, self-serve upgrade, manage and cancel — all working today. The V1 |
| + work is finesse: the upgrade prompt shows up exactly when a limit is felt and is |
| + invisible otherwise, prices read as honestly fair (our |
| + <a href="./economics.html">economics</a> are public so you can check), and nothing |
| + ever fails silently.</p> |
| + </li> |
| + |
| + <li class="track"> |
| + <div class="track-head"><h2>Apps, bots & integrations</h2><span class="pill next">Opt-in</span></div> |
| + <p class="detail">Powerful extras that ship switched off.</p> |
| + <p>Mini-apps, member-built apps, scheduled bots, GIFs, and connections to tools |
| + like GitHub — real and useful, but not everyone wants them in the way. So they |
| + ship turned <b>off</b> and you enable them per space with a slash command. The |
| + default stays clean; the power is one command away.</p> |
| + </li> |
| + |
| + <li class="track"> |
| + <div class="track-head"><h2>Bringing your team over</h2><span class="pill next">Opt-in</span></div> |
| + <p class="detail">Move a Slack workspace in, history and all.</p> |
| + <p>An importer that carries your existing conversations across, so switching |
| + doesn't mean starting from an empty room. Opt-in, like the rest of the extras.</p> |
| + </li> |
| + |
| + <li class="track"> |
| + <div class="track-head"><h2>Trust you can check</h2><span class="pill building">Ongoing</span></div> |
| + <p class="detail">The promises kept, and kept in the open.</p> |
| + <p>Accessibility to the WCAG 2.2 AA standard on every surface, moderation |
| + tools for the people who run spaces, and the trust posture behind the encryption |
| + held to. The <a href="./security.html">security ledger</a>, the |
| + <a href="./carbon.html">carbon tally</a>, the <a href="./books.html">books</a> and |
| + the <a href="./prompts.html">prompt ledger</a> already publish the parts most |
| + products hide — that stays a principle, not a phase.</p> |
| + </li> |
| + </ol> |
| + </section> |
| + |
| + <section class="after" aria-labelledby="h-after"> |
| + <h2 id="h-after">After V1</h2> |
| + <p class="note explain">Real plans, deliberately held until the core is finished — so V1 |
| + stays focused. Named here because we'd rather be honest about the direction than quiet.</p> |
| + <ol class="tracks"> |
| + <li class="track"> |
| + <div class="track-head"><h2>Resilience at scale</h2><span class="pill later">After V1</span></div> |
| + <p>Your space's files spread across independent storage providers, so no single |
| + operator — us included — is ever a single point of failure. The groundwork is being |
| + laid quietly under the hood.</p> |
| + </li> |
| + <li class="track"> |
| + <div class="track-head"><h2>Run it yourself, easily</h2><span class="pill later">After V1</span></div> |
| + <p>Self-hosting Eleven on your own machine, down to a single command — and a way for |
| + people who host to offer that capacity to others.</p> |
| + </li> |
| + <li class="track"> |
| + <div class="track-head"><h2>Provable, not just promised</h2><span class="pill later">After V1</span></div> |
| + <p>Tamper-evident hosting: cryptographic checkpoints anyone can sample, so "the |
| + server can't quietly change what it stores" becomes something you can verify, not |
| + just trust.</p> |
| + </li> |
| + </ol> |
| + </section> |
| + |
| + <footer> |
| + <p>🤖 This roadmap is curated by hand and updated as work moves — it's a direction |
| + and a set of intentions, not a dated promise. The |
| + <a href="./milestones.html">milestones</a> page records what's already landed; the |
| + <a href="./prompts.html">prompt ledger</a> is the complete working record behind all |
| + of it.</p> |
| + </footer> |
| +</div> |
| +</body> |
| +</html> |