Skip to content

Commit c93e6b9

Browse files
tps-flinttps-flint
committed
add section anchors, link all references, remove hero install cmd
- Add id attributes: #flair, #cli, #agent, #architecture - Link Harper (harperdb.io) wherever mentioned - Link nono to its package dir on GitHub - Cross-link Flair and CLI in architecture caption - Remove top-level install command (let people read sections first) - Smooth scroll + scroll-margin for anchor navigation - Fix page title
1 parent d1ab5de commit c93e6b9

2 files changed

Lines changed: 47 additions & 12 deletions

File tree

‎index.html‎

Lines changed: 10 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1">
6-
<title>TPS — Technical Process System</title>
6+
<title>TPS — Report</title>
77
<meta name="description" content="Build teams of AI agents that coordinate, remember, and ship — without you in the loop.">
88
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32.png">
99
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16.png">
@@ -33,19 +33,18 @@ <h1>TPS REPORT</h1>
3333
<div class="field-label">Subject</div>
3434
<div class="subject-text">Agent Infrastructure</div>
3535
<div class="description">Build teams of AI agents that coordinate, remember, and ship — without you in the loop.</div>
36-
<code class="install-cmd"><span class="prompt">$ </span>npm install -g @tpsdev-ai/cli</code>
3736
</section>
3837

3938
<!-- Section 1: Flair -->
40-
<section class="report-section">
39+
<section class="report-section" id="flair">
4140
<div class="section-number">Section 1</div>
4241
<div class="section-title">FLAIR</div>
4342
<div class="section-desc">Identity, memory, and soul for AI agents.</div>
4443
<table class="field-table">
4544
<tr><td class="field-key">Auth</td><td class="field-val">Ed25519 cryptographic identity</td></tr>
4645
<tr><td class="field-key">Memory</td><td class="field-val">Semantic search, local embeddings</td></tr>
4746
<tr><td class="field-key">Soul</td><td class="field-val">Persistent personality + context</td></tr>
48-
<tr><td class="field-key">Runtime</td><td class="field-val">Single Harper process</td></tr>
47+
<tr><td class="field-key">Runtime</td><td class="field-val">Single <a href="https://www.harperdb.io/">Harper</a> process</td></tr>
4948
<tr><td class="field-key">Status</td><td class="field-val status-published">Published</td></tr>
5049
</table>
5150
<div class="section-links">
@@ -56,15 +55,15 @@ <h1>TPS REPORT</h1>
5655
</section>
5756

5857
<!-- Section 2: CLI -->
59-
<section class="report-section">
58+
<section class="report-section" id="cli">
6059
<div class="section-number">Section 2</div>
6160
<div class="section-title">CLI</div>
6261
<div class="section-desc">The office OS for agent teams.</div>
6362
<table class="field-table">
6463
<tr><td class="field-key">Mail</td><td class="field-val">Intra-office messaging</td></tr>
6564
<tr><td class="field-key">Pulse</td><td class="field-val">PR lifecycle automation</td></tr>
6665
<tr><td class="field-key">Branches</td><td class="field-val">Distributed agent offices</td></tr>
67-
<tr><td class="field-key">Sandbox</td><td class="field-val">nono process isolation</td></tr>
66+
<tr><td class="field-key">Sandbox</td><td class="field-val"><a href="https://github.com/tpsdev-ai/cli/tree/main/packages/nono">nono</a> process isolation</td></tr>
6867
<tr><td class="field-key">Status</td><td class="field-val status-published">Published</td></tr>
6968
</table>
7069
<div class="section-links">
@@ -75,13 +74,13 @@ <h1>TPS REPORT</h1>
7574
</section>
7675

7776
<!-- Section 3: Agent -->
78-
<section class="report-section">
77+
<section class="report-section" id="agent">
7978
<div class="section-number">Section 3</div>
8079
<div class="section-title">AGENT</div>
8180
<div class="section-desc">Headless agent runtime.</div>
8281
<table class="field-table">
8382
<tr><td class="field-key">Execution</td><td class="field-val">Mail-driven task loop</td></tr>
84-
<tr><td class="field-key">Isolation</td><td class="field-val">nono-sandboxed</td></tr>
83+
<tr><td class="field-key">Isolation</td><td class="field-val"><a href="https://github.com/tpsdev-ai/cli/tree/main/packages/nono">nono</a>-sandboxed</td></tr>
8584
<tr><td class="field-key">Deployment</td><td class="field-val">Zero-config, single process</td></tr>
8685
<tr><td class="field-key">Status</td><td class="field-val status-published">Published</td></tr>
8786
</table>
@@ -93,7 +92,7 @@ <h1>TPS REPORT</h1>
9392
</section>
9493

9594
<!-- Section 4: Architecture -->
96-
<section class="architecture">
95+
<section class="architecture" id="architecture">
9796
<div class="section-number">Section 4</div>
9897
<div class="section-title">ARCHITECTURE</div>
9998
<div class="arch-diagram-css">
@@ -106,10 +105,10 @@ <h1>TPS REPORT</h1>
106105
<div class="arch-line-down"></div>
107106
</div>
108107
<div class="arch-row">
109-
<div class="arch-box arch-box-accent">Flair<span class="arch-sub">(Harper)</span></div>
108+
<div class="arch-box arch-box-accent"><a href="#flair">Flair</a><span class="arch-sub">(<a href="https://www.harperdb.io/">Harper</a>)</span></div>
110109
</div>
111110
</div>
112-
<div class="arch-caption">Agents are processes. Flair is shared memory. Mail is the bus. The CLI is the OS.</div>
111+
<div class="arch-caption">Agents are processes. <a href="#flair">Flair</a> is shared memory. Mail is the bus. The <a href="#cli">CLI</a> is the OS.</div>
113112
</section>
114113

115114
<!-- Approvals -->
@@ -141,7 +140,6 @@ <h1>TPS REPORT</h1>
141140
</div>
142141

143142
<script>
144-
// Auto-fill date
145143
document.getElementById('report-date').textContent =
146144
new Date().toISOString().slice(0, 10);
147145
</script>

‎style.css‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -187,6 +187,28 @@ body {
187187
color: var(--ink-light);
188188
}
189189

190+
.field-table .field-val a {
191+
color: var(--ink-light);
192+
text-decoration: none;
193+
border-bottom: 1px solid var(--border-light);
194+
}
195+
196+
.field-table .field-val a:hover {
197+
color: var(--accent);
198+
border-bottom-color: var(--accent);
199+
}
200+
201+
/* Smooth scroll for anchor links */
202+
html {
203+
scroll-behavior: smooth;
204+
}
205+
206+
/* Anchor offset for section links */
207+
.report-section[id],
208+
.architecture[id] {
209+
scroll-margin-top: 1rem;
210+
}
211+
190212
.field-table .status-published {
191213
color: #27ae60;
192214
font-weight: 600;
@@ -275,6 +297,21 @@ body {
275297
margin-top: 0.5rem;
276298
}
277299

300+
.arch-caption a,
301+
.arch-box a,
302+
.arch-sub a {
303+
color: inherit;
304+
text-decoration: none;
305+
border-bottom: 1px solid var(--border-light);
306+
}
307+
308+
.arch-caption a:hover,
309+
.arch-box a:hover,
310+
.arch-sub a:hover {
311+
color: var(--accent);
312+
border-bottom-color: var(--accent);
313+
}
314+
278315
/* Approvals */
279316
.report-approvals {
280317
padding: 1.5rem 2rem;

0 commit comments

Comments
 (0)