Skip to content

Commit f50aa3e

Browse files
ttwjttwj
committed
feat: rebuild landing page around the real product
1 parent 199ea95 commit f50aa3e

17 files changed

Lines changed: 3765 additions & 276 deletions

‎favicon.svg‎

Lines changed: 0 additions & 6 deletions
This file was deleted.

‎index.html‎

Lines changed: 16 additions & 181 deletions
Original file line numberDiff line numberDiff line change
@@ -1,191 +1,26 @@
11
<!doctype html>
2-
<html lang="en">
2+
<html lang="en" class="dark">
33
<head>
4-
<meta charset="utf-8" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1" />
6-
<meta name="theme-color" content="#07131f" />
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta name="theme-color" content="#1f1e1d" />
77
<meta
88
name="description"
9-
content="ONEComputer is an open-source governed AI computer, forked from ONECli and built on OpenVTC trust infrastructure."
9+
content="ONEComputer is the open-source control plane for governed AI computers, policy enforcement, and external OpenVTC approvals."
1010
/>
11-
<title>ONEComputer · Governed AI computers</title>
12-
<link rel="preconnect" href="https://fonts.googleapis.com" />
13-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
14-
<link
15-
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap"
16-
rel="stylesheet"
11+
<meta property="og:title" content="ONEComputer · Governed AI computers" />
12+
<meta
13+
property="og:description"
14+
content="Give AI agents real computers—with policy, external approval, and durable evidence built in."
1715
/>
18-
<link rel="icon" href="favicon.svg" type="image/svg+xml" />
19-
<link rel="stylesheet" href="styles.css" />
16+
<meta property="og:url" content="https://one-computer.github.io/" />
17+
<meta property="og:type" content="website" />
18+
<link rel="canonical" href="https://one-computer.github.io/" />
19+
<title>ONEComputer · Governed AI computers</title>
20+
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
2021
</head>
2122
<body>
22-
<div class="site-shell">
23-
<header class="hero" id="top">
24-
<div class="grid-glow" aria-hidden="true"></div>
25-
<nav class="nav shell" aria-label="Primary navigation">
26-
<a class="brand" href="#top" aria-label="ONEComputer home">
27-
<span class="brand-mark" aria-hidden="true"><i></i><i></i><i></i></span>
28-
<span>ONE<span class="brand-muted">Computer</span></span>
29-
</a>
30-
<div class="nav-links">
31-
<a href="#architecture">Architecture</a>
32-
<a href="#open-source">Open source</a>
33-
<a href="https://github.com/ONE-Computer/onecomputer" target="_blank" rel="noreferrer">GitHub</a>
34-
</div>
35-
<a class="button button-small" href="https://github.com/ONE-Computer/onecomputer" target="_blank" rel="noreferrer">
36-
<span>Explore code</span><span aria-hidden="true">↗</span>
37-
</a>
38-
</nav>
39-
40-
<div class="shell hero-grid">
41-
<div class="hero-copy">
42-
<div class="kicker"><span class="status-dot"></span> Open source · forked from ONECli</div>
43-
<h1>Give AI a computer it can be trusted to use.</h1>
44-
<p class="hero-lede">
45-
ONEComputer turns capable AI agents into governed workers: isolated sandboxes,
46-
policy-aware gateways, and human approvals that live outside the web app.
47-
</p>
48-
<div class="hero-actions">
49-
<a class="button button-primary" href="https://github.com/ONE-Computer/onecomputer" target="_blank" rel="noreferrer">
50-
<span>View the repository</span><span aria-hidden="true">↗</span>
51-
</a>
52-
<a class="button button-quiet" href="#architecture">See how it works <span aria-hidden="true">↓</span></a>
53-
</div>
54-
<div class="hero-meta" aria-label="Project attributes">
55-
<span><b>01</b> business layer</span>
56-
<span><b>02</b> trust boundary</span>
57-
<span><b>03</b> open protocols</span>
58-
</div>
59-
</div>
60-
61-
<div class="terminal-card" aria-label="ONEComputer governed action flow">
62-
<div class="terminal-topbar">
63-
<span class="terminal-dots"><i></i><i></i><i></i></span>
64-
<span class="terminal-title">onecomputer / governed-run</span>
65-
<span class="terminal-live"><span class="status-dot"></span> LIVE</span>
66-
</div>
67-
<div class="terminal-body">
68-
<div class="terminal-line muted"><span>$</span> onecomputer run --policy=company</div>
69-
<div class="terminal-event"><span class="event-index">01</span><span class="event-dot blue"></span><span>Sandbox provisioned</span><strong>ok</strong></div>
70-
<div class="terminal-event"><span class="event-index">02</span><span class="event-dot blue"></span><span>Claude action observed</span><strong>held</strong></div>
71-
<div class="terminal-event"><span class="event-index">03</span><span class="event-dot amber"></span><span>Approval requested</span><strong>VTI wallet</strong></div>
72-
<div class="terminal-event"><span class="event-index">04</span><span class="event-dot green"></span><span>Signed release received</span><strong>verified</strong></div>
73-
<div class="terminal-divider"></div>
74-
<div class="terminal-result"><span class="result-check">✓</span><div><b>Action released once</b><small>policy · hold · proof · release correlated</small></div></div>
75-
</div>
76-
</div>
77-
</div>
78-
79-
<div class="shell signal-bar" aria-label="Core components">
80-
<span>Policy engine</span><i></i><span>Sandbox</span><i></i><span>Gateway</span><i></i><span>OpenVTC wallet</span><i></i><span>Audit trail</span>
81-
</div>
82-
</header>
83-
84-
<main>
85-
<section class="section intro-section shell">
86-
<div class="section-heading">
87-
<p class="eyebrow">The problem</p>
88-
<h2>AI can act. Your controls need to keep up.</h2>
89-
</div>
90-
<div class="intro-copy">
91-
<p>
92-
Modern agents can browse, code, call APIs, and change real systems. A login screen
93-
is not a security boundary. ONEComputer gives each agent a real workspace while
94-
making every consequential action observable, policy-checked, and releasable only
95-
with the right proof.
96-
</p>
97-
<a class="arrow-link" href="#architecture">Follow the control path <span aria-hidden="true">→</span></a>
98-
</div>
99-
</section>
100-
101-
<section class="section architecture-section" id="architecture">
102-
<div class="shell">
103-
<div class="section-heading wide-heading">
104-
<p class="eyebrow">Architecture</p>
105-
<h2>One business experience. Two independent trust planes.</h2>
106-
<p class="section-lede">ONEComputer owns the product workflow. OpenVTC owns identity, trust, and approval authority. The boundary is deliberate.</p>
107-
</div>
108-
109-
<div class="plane-grid">
110-
<article class="plane-card product-plane">
111-
<div class="plane-head"><span class="plane-number">01</span><span class="plane-label">Product plane</span></div>
112-
<h3>ONEComputer</h3>
113-
<p>Where teams configure policy, launch sandboxes, and connect agents to governed work.</p>
114-
<ul>
115-
<li><span>✓</span> Company-wide policy</li>
116-
<li><span>✓</span> Isolated AI computers</li>
117-
<li><span>✓</span> Gateway enforcement</li>
118-
<li><span>✓</span> Durable action holds</li>
119-
</ul>
120-
</article>
121-
<div class="plane-join" aria-hidden="true"><span>+</span><small>thin integration</small></div>
122-
<article class="plane-card trust-plane">
123-
<div class="plane-head"><span class="plane-number">02</span><span class="plane-label">Trust plane</span></div>
124-
<h3>OpenVTC</h3>
125-
<p>Where identity, wallet custody, Trust Tasks, and signed human decisions are verified.</p>
126-
<ul>
127-
<li><span>✓</span> Verifiable identity</li>
128-
<li><span>✓</span> External wallet custody</li>
129-
<li><span>✓</span> DIDComm / TSP delivery</li>
130-
<li><span>✓</span> Signed approval evidence</li>
131-
</ul>
132-
</article>
133-
</div>
134-
135-
<div class="flow-track" aria-label="End-to-end action flow">
136-
<div><span>01</span><b>Define</b><small>Admin policy</small></div><i>→</i>
137-
<div><span>02</span><b>Run</b><small>Agent sandbox</small></div><i>→</i>
138-
<div><span>03</span><b>Hold</b><small>Gateway intercept</small></div><i>→</i>
139-
<div><span>04</span><b>Decide</b><small>Wallet approval</small></div><i>→</i>
140-
<div><span>05</span><b>Release</b><small>One-time proof</small></div>
141-
</div>
142-
</div>
143-
</section>
144-
145-
<section class="section boundary-section">
146-
<div class="shell boundary-layout">
147-
<div>
148-
<p class="eyebrow">Security by construction</p>
149-
<h2>Approval authority stays out of the app.</h2>
150-
<p class="section-lede">The web UI can request and display status. It cannot impersonate the manager who approves a high-impact action.</p>
151-
</div>
152-
<div class="boundary-list">
153-
<div><span class="list-number">01</span><div><b>External wallet</b><p>Signing keys remain in an OpenVTC wallet, isolated from the browser.</p></div></div>
154-
<div><span class="list-number">02</span><div><b>Fail closed</b><p>Stale, altered, unauthorized, or replayed proofs never release an action.</p></div></div>
155-
<div><span class="list-number">03</span><div><b>Evidence first</b><p>Policy, hold, task, proof, and release share one durable correlation trail.</p></div></div>
156-
</div>
157-
</div>
158-
</section>
159-
160-
<section class="section repos-section" id="open-source">
161-
<div class="shell">
162-
<div class="section-heading wide-heading">
163-
<p class="eyebrow">Open source boundary</p>
164-
<h2>Small product surface. Composable trust infrastructure.</h2>
165-
<p class="section-lede">ONEComputer is forked from ONECli and evolves as a business layer on top of open OpenVTC repositories. Each boundary stays independently auditable.</p>
166-
</div>
167-
<div class="repo-grid">
168-
<a class="repo-card featured" href="https://github.com/ONE-Computer/onecomputer" target="_blank" rel="noreferrer"><span class="repo-type">Product</span><strong>ONEComputer</strong><small>Control plane, gateway, policy, sandbox, connector orchestration</small><em>View repository ↗</em></a>
169-
<a class="repo-card" href="https://github.com/ONE-Computer/verifiable-trust-infrastructure" target="_blank" rel="noreferrer"><span class="repo-type">Trust plane</span><strong>VTI</strong><small>Identity, trust authority, Trust Tasks, and verification primitives</small><em>Explore fork ↗</em></a>
170-
<a class="repo-card" href="https://github.com/ONE-Computer/vta-mobile-agent-ios" target="_blank" rel="noreferrer"><span class="repo-type">Wallet</span><strong>VTA Mobile Agent</strong><small>External wallet custody and signed human approval responses</small><em>Explore fork ↗</em></a>
171-
<a class="repo-card" href="https://github.com/ONE-Computer/wiki" target="_blank" rel="noreferrer"><span class="repo-type">Docs</span><strong>OpenVTC Wiki</strong><small>Protocol context and the trust architecture behind the integration</small><em>Read the wiki ↗</em></a>
172-
</div>
173-
</div>
174-
</section>
175-
176-
<section class="cta-section">
177-
<div class="shell cta-card">
178-
<div><p class="eyebrow">Build the governed path</p><h2>Make AI useful without making trust implicit.</h2></div>
179-
<div class="cta-actions"><a class="button button-primary" href="https://github.com/ONE-Computer/onecomputer" target="_blank" rel="noreferrer">Start with GitHub <span aria-hidden="true">↗</span></a><a class="button button-outline" href="https://github.com/ONE-Computer" target="_blank" rel="noreferrer">See all repositories</a></div>
180-
</div>
181-
</section>
182-
</main>
183-
184-
<footer class="footer shell">
185-
<a class="brand footer-brand" href="#top"><span class="brand-mark" aria-hidden="true"><i></i><i></i><i></i></span><span>ONE<span class="brand-muted">Computer</span></span></a>
186-
<span>Open source governed AI computers · forked from ONECli</span>
187-
<a href="https://github.com/ONE-Computer" target="_blank" rel="noreferrer">github.com/ONE-Computer ↗</a>
188-
</footer>
189-
</div>
23+
<div id="root"></div>
24+
<script type="module" src="/src/main.jsx"></script>
19025
</body>
19126
</html>

0 commit comments

Comments
 (0)