Archived
docs: add static website and docs
This commit is contained in:
Federico Jaramillo Martinez
+189
@@ -0,0 +1,189 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Pi Web — persistent AI coding agents in your browser</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="Pi Web is a browser control plane for persistent Pi Coding Agent sessions running on your own machine or server."
|
||||
/>
|
||||
<meta property="og:title" content="Pi Web" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Run AI coding agents in real workspaces, keep them alive, and control everything from a browser."
|
||||
/>
|
||||
<meta property="og:image" content="assets/pi-web-banner.png" />
|
||||
<link rel="icon" href="data:," />
|
||||
<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=IBM+Plex+Mono:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700;800&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
<header class="site-header">
|
||||
<nav class="container nav" aria-label="Main navigation">
|
||||
<a class="brand" href="./" aria-label="Pi Web home">Pi Web</a>
|
||||
<div class="nav-links">
|
||||
<a href="./" aria-current="page">Home</a>
|
||||
<a href="install.html">Install</a>
|
||||
<a href="faq.html">FAQ</a>
|
||||
<a href="https://github.com/jmfederico/pi-web">GitHub</a>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section class="hero">
|
||||
<div class="container hero-grid">
|
||||
<div>
|
||||
<p class="eyebrow"><span class="pulse"></span> A cockpit for agentic development</p>
|
||||
<h1>Your agents keep working. <span class="gradient-text">You just need a browser.</span></h1>
|
||||
<p class="hero-lede">
|
||||
Pi Web runs Pi Coding Agent sessions in real server-side workspaces, keeps them alive when your browser
|
||||
leaves, and gives you a fast web surface to supervise, redirect, and review the work.
|
||||
</p>
|
||||
<div class="hero-actions">
|
||||
<a class="button primary" href="#quick-install">Install in minutes</a>
|
||||
<a class="button" href="install.html">Read the docs</a>
|
||||
</div>
|
||||
<div class="hero-stats" aria-label="Highlights">
|
||||
<div class="stat"><strong>Persistent</strong><span>sessions survive browser disconnects</span></div>
|
||||
<div class="stat"><strong>Parallel</strong><span>projects, worktrees, and agents</span></div>
|
||||
<div class="stat"><strong>Yours</strong><span>runs on your machine or server</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<aside class="terminal" aria-label="Pi Web install preview">
|
||||
<div class="terminal-top">
|
||||
<div class="dots"><span></span><span></span><span></span></div>
|
||||
<span>agent-hub.local</span>
|
||||
</div>
|
||||
<pre><code><span class="prompt">$</span> pi-web status
|
||||
✓ session daemon running
|
||||
✓ web server listening on 127.0.0.1:8504
|
||||
|
||||
<span class="prompt">$</span> open http://127.0.0.1:8504
|
||||
# laptop, phone, tablet — same live sessions
|
||||
|
||||
<span class="prompt">$</span> pi-web doctor
|
||||
✓ login shell can find node >= 22
|
||||
✓ systemd user shell can find pi
|
||||
✓ ready for persistent agent work</code></pre>
|
||||
</aside>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section compact">
|
||||
<div class="container">
|
||||
<div class="demo-frame">
|
||||
<div class="demo-caption">
|
||||
<strong>Workspaces, sessions, transcripts, terminals — one agent control plane.</strong>
|
||||
<span>Bring your own repositories.</span>
|
||||
</div>
|
||||
<img src="assets/pi-web-demo.gif" alt="Pi Web browser UI demo" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<p class="eyebrow"><span class="pulse"></span> Why it feels different</p>
|
||||
<h2>Not another tab. A persistent place for agent work.</h2>
|
||||
</div>
|
||||
<div class="cards">
|
||||
<article class="card">
|
||||
<div class="card-icon">↻</div>
|
||||
<h3>Come back later</h3>
|
||||
<p>
|
||||
Active sessions live in a long-running daemon, not in your browser tab. Close the lid, reconnect from a
|
||||
phone, and continue supervising the same work.
|
||||
</p>
|
||||
</article>
|
||||
<article class="card">
|
||||
<div class="card-icon">⌘</div>
|
||||
<h3>Use real workspaces</h3>
|
||||
<p>
|
||||
Add projects once, discover git worktrees automatically, and start agents where the code actually lives.
|
||||
</p>
|
||||
</article>
|
||||
<article class="card">
|
||||
<div class="card-icon">◌</div>
|
||||
<h3>Keep control</h3>
|
||||
<p>
|
||||
Watch transcript history, status, shell activity, context usage, and costs while redirecting the agent in
|
||||
realtime.
|
||||
</p>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="quick-install" class="section">
|
||||
<div class="container install-panel">
|
||||
<div class="install-card">
|
||||
<p class="eyebrow"><span class="pulse"></span> Quick install</p>
|
||||
<h2>Linux servers get the smooth path.</h2>
|
||||
<ol>
|
||||
<li>Install the package globally with npm.</li>
|
||||
<li>Run the installer to create user-level systemd services.</li>
|
||||
<li>Open the local URL, or tunnel it from a remote machine.</li>
|
||||
</ol>
|
||||
<div class="doc-actions">
|
||||
<a class="button primary" href="install.html">Complete installation guide</a>
|
||||
<a class="button" href="faq.html">Troubleshooting FAQ</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="terminal quick-install">
|
||||
<div class="copy-row">
|
||||
<strong>Recommended Linux install</strong>
|
||||
<button class="copy-button" data-copy="#home-install">Copy</button>
|
||||
</div>
|
||||
<pre id="home-install"><code><span class="prompt">$</span> npm install -g @jmfederico/pi-web
|
||||
<span class="prompt">$</span> pi-web install
|
||||
<span class="prompt">$</span> pi-web doctor
|
||||
<span class="comment"># Open http://127.0.0.1:8504</span></code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section compact">
|
||||
<div class="container doc-grid">
|
||||
<article class="doc-card">
|
||||
<h3>macOS and WSL?</h3>
|
||||
<p>
|
||||
Pi Web itself is not Linux-only. The one-command service installer targets Linux systemd. macOS and WSL can
|
||||
run Pi Web manually; WSL with systemd can use the installer too.
|
||||
</p>
|
||||
<a href="faq.html#is-this-linux-only">Read compatibility notes →</a>
|
||||
</article>
|
||||
<article class="doc-card">
|
||||
<h3>Node or tools not found?</h3>
|
||||
<p>
|
||||
Services run login shells. If tools work in your interactive terminal but not in Pi Web, fix PATH in your
|
||||
login shell startup files and run the doctor command.
|
||||
</p>
|
||||
<a href="faq.html#tools-are-not-found">Fix PATH issues →</a>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
<div class="container footer-inner">
|
||||
<span>Pi Web · remote control for persistent Pi Coding Agent sessions.</span>
|
||||
<div class="footer-links">
|
||||
<a href="install.html">Install</a>
|
||||
<a href="faq.html">FAQ</a>
|
||||
<a href="https://www.npmjs.com/package/@jmfederico/pi-web">npm</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<script src="site.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user