diff --git a/site/factory-fixes-itself.jpg b/site/factory-fixes-itself.jpg new file mode 100644 index 0000000..888df84 Binary files /dev/null and b/site/factory-fixes-itself.jpg differ diff --git a/site/index.html b/site/index.html index c970d37..b96f2e0 100644 --- a/site/index.html +++ b/site/index.html @@ -8,6 +8,7 @@ + @@ -235,31 +236,107 @@ font-style: italic; } - /* Principles */ - .principles { + /* Concrete example */ + .example { + margin-bottom: 3rem; + padding: 2rem; + border: 1px solid var(--border); + background: var(--surface); + } + + .example h2 { + font-size: 0.75rem; + font-weight: 600; + letter-spacing: 0.2em; + text-transform: uppercase; + color: var(--accent-dim); + margin-bottom: 1.5rem; + padding-bottom: 0.5rem; + border-bottom: 1px solid var(--border); + } + + .example img { + width: 100%; + border: 1px solid var(--border); + margin-bottom: 1.5rem; + opacity: 0.9; + } + + .example p { + color: var(--dim); + font-size: 0.85rem; + line-height: 1.8; + } + + .example p strong { + color: var(--fg); + } + + /* Benefits */ + .benefits { display: grid; - grid-template-columns: 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr; gap: 1px; background: var(--border); margin-bottom: 3rem; } - .principle { + .benefit { background: var(--surface); padding: 1.2rem; } - .principle .name { + .benefit .name { font-size: 0.75rem; color: var(--accent-dim); - margin-bottom: 0.25rem; + margin-bottom: 0.5rem; text-transform: uppercase; letter-spacing: 0.1em; } - .principle .desc { + .benefit .desc { font-size: 0.75rem; color: var(--dim); + line-height: 1.7; + } + + .benefit .desc strong { + color: var(--fg); + } + + /* CTA */ + .cta { + text-align: center; + margin-bottom: 3rem; + padding: 2rem; + border: 1px solid var(--accent-dim); + background: var(--surface); + } + + .cta p { + color: var(--dim); + font-size: 0.85rem; + margin-bottom: 1.5rem; + } + + .cta .cta-links { + display: flex; + justify-content: center; + gap: 2rem; + flex-wrap: wrap; + } + + .cta .cta-links a { + color: var(--accent); + text-decoration: none; + font-size: 0.85rem; + padding: 0.5rem 1rem; + border: 1px solid var(--accent-dim); + transition: border-color 0.2s; + } + + .cta .cta-links a:hover { + border-color: var(--accent); } /* Footer */ @@ -299,7 +376,7 @@ .hero h1 { font-size: 2rem; } .origin { flex-direction: column; align-items: center; } .origin img { max-width: 100%; } - .principles { grid-template-columns: 1fr; } + .benefits { grid-template-columns: 1fr; } .proof-grid { grid-template-columns: 1fr; } .container { padding: 2rem 1rem; } } @@ -384,6 +461,16 @@ +
+ + We filed a bug about the review lifecycle. 14 minutes later, + the dev-agent picked it up, built a fix, the review-agent approved it, and it + merged into main. The factory fixed a bug in its own code while we watched. +
+The code is public. The factory is running. See for yourself.
+