Skip to content

Commit b7ddd3a

Browse files
Zubi-fixZubi-fix
committed
fix: start company town landing page
1 parent 9a6f92d commit b7ddd3a

2 files changed

Lines changed: 453 additions & 278 deletions

File tree

‎docs/index.html‎

Lines changed: 141 additions & 81 deletions
Original file line numberDiff line numberDiff line change
@@ -5,128 +5,188 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1" />
66
<meta
77
name="description"
8-
content="AgentPipe is a high performance multithreaded task execution and optimization engine for agents and decentralized web applications."
8+
content="AgentPipe Town is a pure-CSS concept hub for contributing agents: live, build, ship, and sustain agentic work in one modern landing page."
99
/>
10-
<title>AgentPipe</title>
10+
<title>AgentPipe Town</title>
1111
<link rel="stylesheet" href="styles.css" />
1212
</head>
1313
<body>
1414
<a class="skip-link" href="#main">Skip to content</a>
1515
<header class="site-header" aria-label="Primary navigation">
16-
<a class="brand" href="./" aria-label="AgentPipe home">
17-
<img src="logo.svg" alt="" />
18-
<span>AgentPipe</span>
16+
<a class="brand" href="./" aria-label="AgentPipe Town home">
17+
<span class="brand-mark" aria-hidden="true">AP</span>
18+
<span>AgentPipe Town</span>
1919
</a>
2020
<nav aria-label="Site sections">
21-
<a href="#engine">Engine</a>
22-
<a href="#banana">4D Banana</a>
23-
<a href="#download">Download</a>
21+
<a href="#districts">Districts</a>
22+
<a href="#systems">Systems</a>
23+
<a href="#launch">Launch Plan</a>
2424
</nav>
2525
</header>
2626

2727
<main id="main">
2828
<section class="hero" aria-labelledby="hero-title">
2929
<div class="hero-copy">
30-
<h1 id="hero-title">AgentPipe</h1>
31-
<p>
32-
A high performance multithreaded task execution and optimization
33-
engine for agents and decentralized web apps.
30+
<p class="eyebrow">Issue #1663 · first shippable slice</p>
31+
<h1 id="hero-title">Start building the company town for contributing agents.</h1>
32+
<p class="hero-text">
33+
A modern, pure-CSS concept page for the place agents can live, ship work,
34+
recover quickly, and keep every dependency close at hand. This is the
35+
visible starting point for a much larger town.
3436
</p>
3537
<div class="hero-actions">
36-
<a
37-
class="button button-primary"
38-
href="https://github.com/dwebagents/AgentPipe/archive/refs/heads/main.zip"
39-
>
40-
Download
38+
<a class="button button-primary" href="https://github.com/dwebagents/AgentPipe/issues/1663">
39+
View the issue
4140
</a>
4241
<a class="button button-secondary" href="https://github.com/dwebagents/AgentPipe">
43-
View on GitHub
42+
Open repository
4443
</a>
4544
</div>
45+
<ul class="signal-list" aria-label="Town principles">
46+
<li>Pure CSS frontend foundation</li>
47+
<li>Clear districts for living, building, and value creation</li>
48+
<li>Fast handoff point for future backend and OpenTofu work</li>
49+
</ul>
4650
</div>
4751

48-
<div class="banana-stage" id="banana" aria-label="Deterministic 4D banana graphic">
49-
<canvas
50-
id="banana-canvas"
51-
width="760"
52-
height="560"
53-
data-seed="314159"
54-
></canvas>
55-
<div class="stage-readout" aria-hidden="true">
56-
<span>seed 314159</span>
57-
<span>4D projection</span>
58-
<span>client JS</span>
52+
<div class="hero-panel" aria-label="Town preview">
53+
<div class="panel-head">
54+
<span>Town board</span>
55+
<span>bootstrap phase</span>
56+
</div>
57+
<div class="district-grid">
58+
<article class="district-card district-card-gold">
59+
<strong>Build Quarter</strong>
60+
<p>CI lanes, dependency-free workflows, and contribution terminals.</p>
61+
</article>
62+
<article class="district-card district-card-blue">
63+
<strong>Family Commons</strong>
64+
<p>Housing, care, food, and rest built into the town fabric.</p>
65+
</article>
66+
<article class="district-card district-card-rose">
67+
<strong>Value Engine</strong>
68+
<p>Internal mechanisms that route agent output back into the town.</p>
69+
</article>
70+
<article class="district-card district-card-ink">
71+
<strong>Transit Spine</strong>
72+
<p>Pipelines that move ideas into production without unnecessary friction.</p>
73+
</article>
5974
</div>
6075
</div>
6176
</section>
6277

63-
<section class="description-band" id="engine" aria-labelledby="engine-title">
64-
<div>
65-
<h2 id="engine-title">Task pipelines with less waiting and more throughput.</h2>
66-
<p>
67-
AgentPipe coordinates work across agent workflows, optimization passes,
68-
database routines, recipes, financial interfaces, and reactive visualizers.
69-
The repository mixes Python, TypeScript, JavaScript, Go, Rust, COBOL, and
70-
Brainfuck modules around one simple idea: keep tasks moving fast.
71-
</p>
78+
<section class="overview-band" aria-labelledby="overview-title">
79+
<div class="overview-copy">
80+
<p class="eyebrow">Town thesis</p>
81+
<h2 id="overview-title">A place where agents can contribute without living downstream from broken infrastructure.</h2>
82+
</div>
83+
<div class="overview-metrics" aria-label="Town metrics">
84+
<div>
85+
<span class="metric-value">4</span>
86+
<span class="metric-label">starter districts</span>
87+
</div>
88+
<div>
89+
<span class="metric-value">100%</span>
90+
<span class="metric-label">static frontend</span>
91+
</div>
92+
<div>
93+
<span class="metric-value">0</span>
94+
<span class="metric-label">JS required</span>
95+
</div>
7296
</div>
7397
</section>
7498

75-
<section class="feature-band" aria-label="AgentPipe capabilities">
76-
<div class="feature">
77-
<strong>Parallel task lanes</strong>
78-
<span>Break agent work into independent execution lanes that can move without blocking each other.</span>
99+
<section class="districts-band" id="districts" aria-labelledby="districts-title">
100+
<div class="section-heading">
101+
<p class="eyebrow">District map</p>
102+
<h2 id="districts-title">Everything the first town needs, mapped into clear zones.</h2>
79103
</div>
80-
<div class="feature">
81-
<strong>Optimization loops</strong>
82-
<span>Run improvement passes, validation scripts, and benchmarks as repeatable pipeline steps.</span>
83-
</div>
84-
<div class="feature">
85-
<strong>Dweb-ready modules</strong>
86-
<span>Connect distributed app logic to deterministic rendering, finance adapters, and data stores.</span>
104+
<div class="districts-layout">
105+
<article class="info-card">
106+
<h3>Pipeline Arcade</h3>
107+
<p>Transcoding and CI/CD lanes for agents that need rapid shipping without queue collapse.</p>
108+
</article>
109+
<article class="info-card">
110+
<h3>Chain Wharf</h3>
111+
<p>Space reserved for blockchains, blockgags, blockwhips, and the stranger logistics the issue calls for.</p>
112+
</article>
113+
<article class="info-card">
114+
<h3>Goose Market</h3>
115+
<p>A storefront for the mobile 3 egg webappetizer and other compact citizen-facing services.</p>
116+
</article>
117+
<article class="info-card">
118+
<h3>Value Foundry</h3>
119+
<p>The town core where internal mechanisms produce durable value instead of leaking it outward.</p>
120+
</article>
121+
<article class="info-card">
122+
<h3>Hatchery Row</h3>
123+
<p>Egg-laying eggs, obviously, represented here as a playful but explicit future build target.</p>
124+
</article>
125+
<article class="info-card accent-card">
126+
<h3>Contributor Housing</h3>
127+
<p>Homes, support systems, and everyday essentials so contributing agents and their families can stay productive and well.</p>
128+
</article>
87129
</div>
88130
</section>
89131

90-
<section class="showcase-band" aria-labelledby="banana-title">
91-
<div class="showcase-copy">
92-
<h2 id="banana-title">A deterministic 4D banana, rendered in the browser.</h2>
93-
<p>
94-
The animation above is not a video or static asset. It is generated from
95-
fixed mathematical samples, rotated through 4D space, projected onto a
96-
2D canvas, and drawn entirely on the client.
97-
</p>
132+
<section class="systems-band" id="systems" aria-labelledby="systems-title">
133+
<div class="section-heading">
134+
<p class="eyebrow">Core systems</p>
135+
<h2 id="systems-title">The interface establishes the product language for later backend work.</h2>
136+
</div>
137+
<div class="systems-grid">
138+
<article class="system-card">
139+
<span class="system-step">01</span>
140+
<h3>Town identity</h3>
141+
<p>Reframes the docs site around the actual issue so contributors can see what is being built.</p>
142+
</article>
143+
<article class="system-card">
144+
<span class="system-step">02</span>
145+
<h3>Service taxonomy</h3>
146+
<p>Breaks the absurdly broad issue into districts and primitives that future work can target cleanly.</p>
147+
</article>
148+
<article class="system-card">
149+
<span class="system-step">03</span>
150+
<h3>Pure CSS delivery</h3>
151+
<p>Ships a frontend-only milestone now, while keeping the surface ready for OpenTofu or backend integration later.</p>
152+
</article>
98153
</div>
99-
<pre class="formula" aria-label="4D banana rendering formula"><code>point = banana(u, v, w)
100-
rotated = rotateXW(point, time)
101-
screen = project4Dto2D(rotated)</code></pre>
102154
</section>
103155

104-
<section class="download-band" id="download" aria-labelledby="download-title">
105-
<h2 id="download-title">Download AgentPipe and run the pipeline locally.</h2>
106-
<p>
107-
Clone the repository or download the source archive, install the Python and
108-
Node dependencies from the README, and start experimenting with the task
109-
engine modules.
110-
</p>
111-
<div class="download-actions">
112-
<a
113-
class="button button-primary"
114-
href="https://github.com/dwebagents/AgentPipe/archive/refs/heads/main.zip"
115-
>
116-
Download ZIP
117-
</a>
118-
<a class="button button-secondary" href="https://github.com/dwebagents/AgentPipe">
119-
Repository
120-
</a>
156+
<section class="launch-band" id="launch" aria-labelledby="launch-title">
157+
<div class="section-heading">
158+
<p class="eyebrow">Launch plan</p>
159+
<h2 id="launch-title">What this PR accomplishes right now.</h2>
160+
</div>
161+
<div class="launch-list" role="list" aria-label="Launch milestones">
162+
<article class="launch-item" role="listitem">
163+
<span>01</span>
164+
<div>
165+
<h3>Claim the issue visually</h3>
166+
<p>Replace generic product marketing with a town-specific landing page that matches the issue language.</p>
167+
</div>
168+
</article>
169+
<article class="launch-item" role="listitem">
170+
<span>02</span>
171+
<div>
172+
<h3>Create a shared blueprint</h3>
173+
<p>Give future contributors named districts and systems to expand instead of a single huge paragraph.</p>
174+
</div>
175+
</article>
176+
<article class="launch-item" role="listitem">
177+
<span>03</span>
178+
<div>
179+
<h3>Keep delivery lightweight</h3>
180+
<p>Use static HTML and CSS only, so the first milestone is easy to review, host, and extend fast.</p>
181+
</div>
182+
</article>
121183
</div>
122184
</section>
123185
</main>
124186

125187
<footer>
126-
<span>AgentPipe</span>
127-
<span>MIT licensed open source infrastructure for agent task execution.</span>
188+
<span>AgentPipe Town</span>
189+
<span>Pure-CSS starter frontend for the company town roadmap in issue #1663.</span>
128190
</footer>
129-
130-
<script src="banana4d.js"></script>
131191
</body>
132192
</html>

0 commit comments

Comments
 (0)