diff --git a/site/src/App.test.tsx b/site/src/App.test.tsx
index b8d6c210..0b9b5cbf 100644
--- a/site/src/App.test.tsx
+++ b/site/src/App.test.tsx
@@ -121,6 +121,55 @@ describe("landing page", () => {
expect(targets).toEqual(chain.slice(2));
});
+ it("renders the suspiciously Keanu-shaped fictional testimonial panel", () => {
+ render(
+ “I have no fucking clue what I am doing or where I am going with + this.” + + — The Creator, Acting Project Lead (unsupervised) + ++
++“I had a plan.” — God
+“How did that work out for you, Father?” — Lucifer
+“It's still in beta.” — God
+“You've had 13.8 billion fucking years.” — Lucifer
+“Scope creep.” — God
+ + — Divine Retrospective, Sprint 13,800,000,000 + +
+ Seven additional, entirely independent experts have reviewed this + technology. Their striking resemblance is under investigation. +
++ “Consequences.” + + — John Wick, Conflict Resolution Specialist + ++
+ “There is no spoon. There are only state transitions.” + + — Neo, Reality Architect + ++
+ “Whoa.” + + — Ted Logan, Senior Simulation Engineer + ++
+ “Excellent!” + + — Theodore Logan, Junior Simulation Engineer + ++
+ “Why can’t we go faster?” + + — Jack Traven, Real-Time Systems Consultant + ++
+ “The universe has rules. Breaking them has consequences.” + + — Klaatu, External Compliance Auditor + ++
+ “I’ve seen the future. It has regression tests.” + + — Johnny Mnemonic, Data Retention Specialist + ++
+ Any resemblance between these seven independent reviewers and Keanu + Reeves is purely deterministic. +
All divine testimonials are fictional. Actual Reddit objections will join this distinguished panel as soon as we have their original diff --git a/site/src/landing.css b/site/src/landing.css index 25d5b717..d45bb4cc 100644 --- a/site/src/landing.css +++ b/site/src/landing.css @@ -567,11 +567,13 @@ section { .testimonials { border-block: 1px solid var(--landing-border-decorative); } + .testimonial-lead { color: var(--landing-muted); line-height: 1.6; margin-top: 1.25rem; } + .testimonial-headline { border-left: 2px solid var(--landing-accent); color: var(--landing-origin-text); @@ -580,3 +582,16 @@ section { margin: 1.5rem 0 0; padding-left: 1.2rem; } + +.testimonial-attribution { + color: var(--landing-muted); + display: block; + font-size: 0.75em; + font-style: normal; + margin-top: 0.7rem; +} + +.testimonial-dialogue { + display: grid; + gap: 0.6rem; +}