Skip to content

Commit 00dae97

Browse files
brannnclaude
brannn
and
claude
committed
Update GA tag and refine site styles
Switch Google Analytics from G-500FW8GVFN to G-0G924ZPMFR across all pages and clean up CSS/JS/HTML. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 0d7711d commit 00dae97

9 files changed

Lines changed: 522 additions & 941 deletions

File tree

‎web/cmd/server/static/article.html‎

Lines changed: 24 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,8 @@
1717
<meta name="twitter:image" content="https://simplex-spec.org/images/og-image.png">
1818
<meta name="twitter:title" content="Building AI Ops for Autonomous Software Development">
1919
<meta name="twitter:description" content="AI operations infrastructure for agentic coding at scale. Orchestrating LLM agents and multi-agent systems for production workflows.">
20-
<script async src="https://www.googletagmanager.com/gtag/js?id=G-500FW8GVFN"></script>
21-
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-500FW8GVFN');</script>
20+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-0G924ZPMFR"></script>
21+
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-0G924ZPMFR');</script>
2222
<link rel="preconnect" href="https://fonts.googleapis.com">
2323
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
2424
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
@@ -32,13 +32,14 @@
3232
--text-primary: #f0f0f5;
3333
--text-secondary: #9898a8;
3434
--text-muted: #5a5a6e;
35-
--accent-orange: #da7756;
36-
--accent-warm: #e8956e;
35+
--accent-blue: #3b82f6;
36+
--accent-purple: #a78bfa;
3737
--accent-green: #10b981;
3838
--accent-yellow: #fbbf24;
39-
--accent-amber: #d4956b;
40-
--accent-rust: #c4603e;
39+
--accent-orange: #f97316;
40+
--accent-pink: #ec4899;
4141
--accent-red: #ef4444;
42+
--accent-cyan: #22d3ee;
4243
}
4344

4445
* {
@@ -152,7 +153,7 @@
152153
}
153154

154155
.doc-text a {
155-
color: var(--accent-orange);
156+
color: var(--accent-blue);
156157
text-decoration: none;
157158
}
158159

@@ -169,7 +170,7 @@
169170
background: rgba(255, 255, 255, 0.08);
170171
padding: 2px 7px;
171172
border-radius: 4px;
172-
color: var(--accent-rust);
173+
color: var(--accent-pink);
173174
}
174175

175176
/* Lists */
@@ -194,7 +195,7 @@
194195
width: 6px;
195196
height: 6px;
196197
border-radius: 50%;
197-
background: var(--accent-orange);
198+
background: var(--accent-blue);
198199
}
199200

200201
.doc-list li strong {
@@ -223,7 +224,7 @@
223224
width: 20px;
224225
height: 20px;
225226
margin-top: 1px;
226-
color: var(--accent-orange);
227+
color: var(--accent-blue);
227228
}
228229

229230
/* Divider */
@@ -514,7 +515,7 @@ <h1>Building AI Ops</h1>
514515
<div class="doc-section">
515516
<h2 class="doc-section-title">
516517
<span class="section-icon" style="background: rgba(59, 130, 246, 0.15);">
517-
<svg viewBox="0 0 24 24" fill="none" stroke="var(--accent-orange)" stroke-width="2"><rect x="3" y="3" width="7" height="9" rx="1"/><rect x="14" y="3" width="7" height="5" rx="1"/><rect x="14" y="12" width="7" height="9" rx="1"/><rect x="3" y="16" width="7" height="5" rx="1"/></svg>
518+
<svg viewBox="0 0 24 24" fill="none" stroke="var(--accent-blue)" stroke-width="2"><rect x="3" y="3" width="7" height="9" rx="1"/><rect x="14" y="3" width="7" height="5" rx="1"/><rect x="14" y="12" width="7" height="9" rx="1"/><rect x="3" y="16" width="7" height="5" rx="1"/></svg>
518519
</span>
519520
The Four Pillars
520521
</h2>
@@ -523,7 +524,7 @@ <h2 class="doc-section-title">
523524
<div class="pillar-card">
524525
<div class="pillar-card-header">
525526
<div class="pillar-icon" style="background: rgba(59, 130, 246, 0.15);">
526-
<svg viewBox="0 0 24 24" fill="none" stroke="var(--accent-orange)" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
527+
<svg viewBox="0 0 24 24" fill="none" stroke="var(--accent-blue)" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
527528
</div>
528529
<div class="pillar-header-text">
529530
<div class="pillar-number">Pillar 1</div>
@@ -550,7 +551,7 @@ <h2 class="doc-section-title">
550551
<div class="pillar-card">
551552
<div class="pillar-card-header">
552553
<div class="pillar-icon" style="background: rgba(167, 139, 250, 0.15);">
553-
<svg viewBox="0 0 24 24" fill="none" stroke="var(--accent-amber)" stroke-width="2"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></svg>
554+
<svg viewBox="0 0 24 24" fill="none" stroke="var(--accent-purple)" stroke-width="2"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></svg>
554555
</div>
555556
<div class="pillar-header-text">
556557
<div class="pillar-number">Pillar 2</div>
@@ -637,12 +638,12 @@ <h2 class="doc-section-title">
637638

638639
<div class="workflow-steps">
639640
<div class="workflow-step">
640-
<div class="workflow-step-dot" style="border-color: var(--accent-orange);"></div>
641+
<div class="workflow-step-dot" style="border-color: var(--accent-blue);"></div>
641642
<div class="workflow-step-title">Policy Definition &amp; Compilation <span>SGA</span></div>
642643
<div class="workflow-step-desc">Policy maintainers define organizational rules in a central registry. Developers run <code>sga apply</code> to compile policy into their workspace, generating role-specific agents, auto-triggering skills, and baseline governance context.</div>
643644
</div>
644645
<div class="workflow-step">
645-
<div class="workflow-step-dot" style="border-color: var(--accent-amber);"></div>
646+
<div class="workflow-step-dot" style="border-color: var(--accent-purple);"></div>
646647
<div class="workflow-step-title">Context Initialization <span>CNAM</span></div>
647648
<div class="workflow-step-desc">When an AI assistant starts a session, it recalls relevant memories such as project patterns, architectural decisions, and debugging insights that persist from previous sessions, providing immediate context without repetitive explanation.</div>
648649
</div>
@@ -657,7 +658,7 @@ <h2 class="doc-section-title">
657658
<div class="workflow-step-desc">For complex tasks, the AI assistant invokes specialized agents compiled via SGA and delegates work to them. These agents may spawn inner agents in separate workspaces, each running autonomously. Simplex specifications provide the high-fidelity instructions they need.</div>
658659
</div>
659660
<div class="workflow-step">
660-
<div class="workflow-step-dot" style="border-color: var(--accent-rust);"></div>
661+
<div class="workflow-step-dot" style="border-color: var(--accent-cyan);"></div>
661662
<div class="workflow-step-title">Learning &amp; Evolution <span>CNAM</span></div>
662663
<div class="workflow-step-desc">As work progresses, the AI assistant remembers new patterns, solutions, and decisions. Future sessions benefit from this accumulated knowledge without manual synchronization.</div>
663664
</div>
@@ -672,22 +673,22 @@ <h2 class="doc-section-title">
672673
<div class="doc-section">
673674
<h2 class="doc-section-title">
674675
<span class="section-icon" style="background: rgba(236, 72, 153, 0.15);">
675-
<svg viewBox="0 0 24 24" fill="none" stroke="var(--accent-rust)" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
676+
<svg viewBox="0 0 24 24" fill="none" stroke="var(--accent-cyan)" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
676677
</span>
677678
Technical Innovation
678679
</h2>
679680

680681
<div class="highlight-grid">
681682
<div class="highlight-card">
682683
<div class="highlight-card-icon" style="background: rgba(59, 130, 246, 0.15);">
683-
<svg viewBox="0 0 24 24" fill="none" stroke="var(--accent-orange)" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
684+
<svg viewBox="0 0 24 24" fill="none" stroke="var(--accent-blue)" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
684685
</div>
685686
<div class="highlight-card-title">Compile-Time Governance</div>
686687
<div class="highlight-card-desc">Traditional governance enforces rules at runtime through reviews and linters. SGA compiles governance into the AI assistant's context before any work begins &mdash; shifting from reactive policing to proactive guidance.</div>
687688
</div>
688689
<div class="highlight-card">
689690
<div class="highlight-card-icon" style="background: rgba(167, 139, 250, 0.15);">
690-
<svg viewBox="0 0 24 24" fill="none" stroke="var(--accent-amber)" stroke-width="2"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></svg>
691+
<svg viewBox="0 0 24 24" fill="none" stroke="var(--accent-purple)" stroke-width="2"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></svg>
691692
</div>
692693
<div class="highlight-card-title">Semantic Multi-Tenant Memory</div>
693694
<div class="highlight-card-desc">CNAM combines vector-based semantic search with role-based isolation, enabling personal knowledge accumulation and team knowledge sharing. Memory classification by type allows appropriate retention policies.</div>
@@ -728,15 +729,15 @@ <h2 class="doc-section-title">
728729
</h2>
729730

730731
<div class="impact-item">
731-
<div class="impact-bar" style="background: var(--accent-orange);"></div>
732+
<div class="impact-bar" style="background: var(--accent-blue);"></div>
732733
<div class="impact-body">
733734
<div class="impact-title">Accelerating Delivery While Maintaining Safety</div>
734735
<div class="impact-desc">By providing governance, memory, and isolation as infrastructure, we accelerate AI assistant adoption without compromising on safety or quality. Developers work more productively, confident that organizational standards are embedded automatically and execution happens in isolated, auditable environments.</div>
735736
</div>
736737
</div>
737738

738739
<div class="impact-item">
739-
<div class="impact-bar" style="background: var(--accent-amber);"></div>
740+
<div class="impact-bar" style="background: var(--accent-purple);"></div>
740741
<div class="impact-body">
741742
<div class="impact-title">Scaling AI Capabilities Across Teams</div>
742743
<div class="impact-desc">Policy updates propagate automatically. Shared memory enables organizational knowledge accumulation. Centralized Runcell infrastructure supports team collaboration and audit logging. We're building organizational capability, not just individual productivity.</div>
@@ -752,7 +753,7 @@ <h2 class="doc-section-title">
752753
</div>
753754

754755
<div class="impact-item">
755-
<div class="impact-bar" style="background: var(--accent-rust);"></div>
756+
<div class="impact-bar" style="background: var(--accent-cyan);"></div>
756757
<div class="impact-body">
757758
<div class="impact-title">Positioning for the Future</div>
758759
<div class="impact-desc">We're seeing the beginning of autonomous agents that can perform complex software tasks independently. Our platform anticipates this &mdash; Simplex for specifications, Runcell for secure execution, CNAM for persistent memory, SGA for governed behavior. We're building the foundation for tomorrow's autonomous development workflows.</div>
@@ -766,7 +767,7 @@ <h2 class="doc-section-title">
766767
<div class="doc-section">
767768
<h2 class="doc-section-title">
768769
<span class="section-icon" style="background: rgba(167, 139, 250, 0.15);">
769-
<svg viewBox="0 0 24 24" fill="none" stroke="var(--accent-amber)" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
770+
<svg viewBox="0 0 24 24" fill="none" stroke="var(--accent-purple)" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
770771
</span>
771772
Looking Forward
772773
</h2>

0 commit comments

Comments
 (0)