Skip to content

[codex] Add first slice engagement model #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
Radical-Coder wants to merge 2 commits into from
Closed

[codex] Add first slice engagement model #4

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
e14792f
Add first slice engagement model
Radical-Coder Jun 16, 2026
ec98eb2
Add diagnostic CTA to engagement model
Radical-Coder Jun 16, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
122 changes: 122 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -560,6 +560,74 @@
padding-left: 12px;
}

/* Engagement Model */
.engagement-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
border-top: 2px solid var(--border);
}

.engagement-step {
padding: 26px 24px 26px 0;
border-bottom: 1px solid var(--border);
}

.engagement-step + .engagement-step {
border-left: 1px solid var(--border);
padding-left: 24px;
}

.engagement-num {
font-family: var(--font-mono);
font-size: 12px;
font-weight: 700;
color: var(--emerald);
margin-bottom: 8px;
}

.engagement-title {
font-family: var(--font-display);
font-size: 20px;
font-weight: 800;
color: var(--ink);
margin-bottom: 12px;
}

.engagement-desc {
font-size: 15px;
line-height: 1.55;
color: var(--ink-muted);
margin-bottom: 18px;
}

.engagement-proof {
font-family: var(--font-mono);
font-size: 11px;
line-height: 1.5;
color: var(--ink);
border-left: 2px solid var(--emerald);
padding-left: 12px;
}

.engagement-note {
margin-top: 28px;
border: 2px solid var(--border);
padding: 18px 20px;
font-size: 15px;
line-height: 1.55;
color: var(--ink-muted);
}

.engagement-note strong {
color: var(--ink);
}

.engagement-actions {
margin-top: 20px;
display: flex;
justify-content: flex-start;
}

/* Standards Section */
.standards-list {
display: flex;
Expand Down Expand Up @@ -819,6 +887,19 @@
margin-top: 4px;
}

.engagement-grid {
grid-template-columns: 1fr;
}

.engagement-step {
padding: 20px 0;
}

.engagement-step + .engagement-step {
border-left: none;
padding-left: 0;
}

.standards-item {
grid-template-columns: 1fr;
gap: 8px;
Expand Down Expand Up @@ -1148,6 +1229,47 @@ <h3 class="protocol-title">Continuous Telemetry</h3>
</div>
</section>

<!-- Engagement Model Section -->
<section id="engagement" class="section-container" aria-labelledby="engagement-title" style="border-top: 2px solid var(--border);">
<div class="section-header">
<span class="section-eyebrow">FIRST SLICE</span>
<h2 class="section-title" id="engagement-title">Start with alignment, then ship one proofable slice.</h2>
</div>

<div class="engagement-grid">
<div class="engagement-step">
<div class="engagement-num">01 / DIAGNOSTIC CALL</div>
<h3 class="engagement-title">Map the real system risk.</h3>
<p class="engagement-desc">We identify the current app state, business workflow, provider boundaries, and what has to be true before the next build step is worth funding.</p>
<div class="engagement-proof">Output: fault map, access checklist, success criteria, and first-slice recommendation.</div>
</div>

<div class="engagement-step">
<div class="engagement-num">02 / ALIGNMENT MILESTONE</div>
<h3 class="engagement-title">Inspect before rebuilding.</h3>
<p class="engagement-desc">I review code, deployment state, logs, data model, auth, billing, storage, and AI/provider calls so the project starts from evidence instead of assumptions.</p>
<div class="engagement-proof">Output: architecture notes, risk register, implementation plan, and verification path.</div>
</div>

<div class="engagement-step">
<div class="engagement-num">03 / FIRST PRODUCTION SLICE</div>
<h3 class="engagement-title">Ship the narrowest useful fix.</h3>
<p class="engagement-desc">The first build targets one concrete workflow: payment state, onboarding, admin review, AI approval, data import, or another operational path that can be tested end to end.</p>
<div class="engagement-proof">Output: PR or deployable build, smoke-test notes, runbook, and next-slice backlog.</div>
</div>
</div>

<div class="engagement-note">
<strong>Useful starting material:</strong> one real workflow, three example records or user paths, repo/deployment access, and the system where the approved output needs to land.
</div>

<div class="engagement-actions">
<a href="mailto:coderradical@gmail.com?subject=First%20slice%20diagnostic" class="btn btn-blue btn-lg" id="engagement-diagnostic-link">
Start with a Diagnostic
</a>
</div>
</section>

<!-- Standards Section -->
<section id="standards" class="section-container" aria-labelledby="standards-title" style="border-top: 2px solid var(--border);">
<div class="section-header">
Expand Down