feat(landing): port the v5 marketing landing onto production#576

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

Merged
Darkest-Teddy merged 2 commits into from
Aug 23, 2026
Merged

feat(landing): port the v5 marketing landing onto production #576

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
434458d
feat(landing): port the v5 marketing landing onto production
Darkest-Teddy Aug 23, 2026
7d7f8e7
fix(lint): prune the v4 landing's suppressions
Darkest-Teddy Aug 23, 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
383 changes: 383 additions & 0 deletions frontend/e2e/landing-drag-field.spec.ts
View file
Open in desktop

Large diffs are not rendered by default.

114 changes: 0 additions & 114 deletions frontend/e2e/landing-graph.spec.ts
View file
Open in desktop

This file was deleted.

50 changes: 30 additions & 20 deletions frontend/e2e/public-seo.spec.ts
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -57,34 +57,44 @@ test("landing page ships social cards and a canonical URL (#169)", async ({ requ
});

/**
* The actual SSR guard (#344 review #5).
* The actual SSR guard (#344 review #5, retargeted for the v5 landing).
*
* The assertions above were previously described as "the guard on not breaking
* SSR", but they aren't: og:image / twitter:card / canonical are emitted by the
* Metadata API whether or not any component server-renders. The landing page
* mounts `KnowledgeGraphDemo` through `next/dynamic` with SSR left ON, and
* `ssr: false` is the first thing anyone will reach for the moment a hydration
* warning appears there — it would leave every other spec green while silently
* dropping the section's copy out of the crawled HTML, which is the entire
* reason that component carries the `usePrefersReducedMotion` machinery.
* `landing-graph.spec.ts` runs post-hydration and cannot see the difference.
* Metadata API whether or not any component server-renders.
*
* So assert on the RAW response body, before any JS runs. With `ssr: false`
* the dynamic import renders only its loading placeholder (an empty
* `<section id="knowledge-graph">`), and every assertion below fails.
* This test originally guarded `KnowledgeGraphDemo`, mounted through
* `next/dynamic`, against someone reaching for `ssr: false` the moment a
* hydration warning appeared — which would leave every other spec green while
* silently dropping the section's copy out of the crawled HTML. The v5 landing
* replaced that component, but the failure mode is unchanged and is in fact
* sharper: v5 is a client component whose visuals are canvas and WebGL, so
* essentially all of its crawlable payload is the prose asserted below. Wrap
* the page (or the hero) in a `ssr: false` dynamic import and this is the only
* spec that notices.
*
* Assert on the RAW response body, before any JS runs. Note what is NOT
* asserted: the wordmark and tagline are empty on the server because they
* scramble in on the client, so `aria-label` on the h1 carries the accessible
* name and is checked here in its place.
*/
test("the knowledge-graph section is in the server-rendered HTML (#344)", async ({ request }) => {
test("the landing page's copy is in the server-rendered HTML (#344)", async ({ request }) => {
const res = await request.get("/");
expect(res.status()).toBe(200);
const html = await res.text();

expect(html, "graph section markup must be server-rendered").toContain(
'data-testid="landing-graph"',
);
expect(html, "the section's copy must be crawlable").toContain(
"Pick a course. Watch it grow.",
// the wordmark scrambles in client-side, so only its accessible name is server-rendered
expect(html, "the wordmark's accessible name must survive SSR").toContain('aria-label="Sapling"');

expect(html, "the lede is the page's primary SEO payload").toContain(
"Sapling reads your whole course",
);
// Concept labels are the section's actual SEO payload.
expect(html).toContain('data-testid="landing-graph-node-cs-root"');
expect(html).toContain("Recursion");
expect(html).toContain("It works from your own coursework, not the open web");

// the three key columns state what the product does
expect(html).toContain("Ingest");
expect(html).toContain("Recall");
expect(html).toContain("Every concept linked to the ones it rests on");

expect(html, "the beta offer must be crawlable").toContain("Free through beta.");
});
13 changes: 1 addition & 12 deletions frontend/eslint-suppressions.json
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,4 @@
{
"src/app/(public)/page.tsx": {
"@next/next/no-html-link-for-pages": {
"count": 1
},
"prefer-const": {
"count": 2
},
"react-hooks/set-state-in-effect": {
"count": 1
}
},
"src/components/CustomSelect.tsx": {
"react-hooks/set-state-in-effect": {
"count": 1
Expand DownExpand Up@@ -165,4 +154,4 @@
"count": 1
}
}
}
}
Binary file addedfrontend/public/journal-ai-homework.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file addedfrontend/public/journal-founding.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file addedfrontend/public/kofi-symbol.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Loading
, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all 
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
feat(landing): port the v5 marketing landing onto production#576

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

 Merged

Darkest-Teddy
merged 2 commits into

from

Aug 23, 2026
 Merged


feat(landing): port the v5 marketing landing onto production
#576
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
434458d

feat(landing): port the v5 marketing landing onto production


Darkest-Teddy Aug 23, 2026
7d7f8e7

fix(lint): prune the v4 landing's suppressions


Darkest-Teddy Aug 23, 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


383 changes: 383 additions & 0 deletions
frontend/e2e/landing-drag-field.spec.ts

View file


Open in desktop


Large diffs are not rendered by default.


114 changes: 0 additions & 114 deletions
frontend/e2e/landing-graph.spec.ts

View file


Open in desktop


This file was deleted.


50 changes: 30 additions & 20 deletions
frontend/e2e/public-seo.spec.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -57,34 +57,44 @@ test("landing page ships social cards and a canonical URL (#169)", async ({ requ
});

/**
 * The actual SSR guard (#344 review #5).
 * The actual SSR guard (#344 review #5, retargeted for the v5 landing).
 *
 * The assertions above were previously described as "the guard on not breaking
 * SSR", but they aren't: og:image / twitter:card / canonical are emitted by the
 * Metadata API whether or not any component server-renders. The landing page
 * mounts `KnowledgeGraphDemo` through `next/dynamic` with SSR left ON, and
 * `ssr: false` is the first thing anyone will reach for the moment a hydration
 * warning appears there — it would leave every other spec green while silently
 * dropping the section's copy out of the crawled HTML, which is the entire
 * reason that component carries the `usePrefersReducedMotion` machinery.
 * `landing-graph.spec.ts` runs post-hydration and cannot see the difference.
 * Metadata API whether or not any component server-renders.
 *
 * So assert on the RAW response body, before any JS runs. With `ssr: false`
 * the dynamic import renders only its loading placeholder (an empty
 * `<section id="knowledge-graph">`), and every assertion below fails.
 * This test originally guarded `KnowledgeGraphDemo`, mounted through
 * `next/dynamic`, against someone reaching for `ssr: false` the moment a
 * hydration warning appeared — which would leave every other spec green while
 * silently dropping the section's copy out of the crawled HTML. The v5 landing
 * replaced that component, but the failure mode is unchanged and is in fact
 * sharper: v5 is a client component whose visuals are canvas and WebGL, so
 * essentially all of its crawlable payload is the prose asserted below. Wrap
 * the page (or the hero) in a `ssr: false` dynamic import and this is the only
 * spec that notices.
 *
 * Assert on the RAW response body, before any JS runs. Note what is NOT
 * asserted: the wordmark and tagline are empty on the server because they
 * scramble in on the client, so `aria-label` on the h1 carries the accessible
 * name and is checked here in its place.
 */
test("the knowledge-graph section is in the server-rendered HTML (#344)", async ({ request }) => {
test("the landing page's copy is in the server-rendered HTML (#344)", async ({ request }) => {
 const res = await request.get("/");
 expect(res.status()).toBe(200);
 const html = await res.text();

expect(html, "graph section markup must be server-rendered").toContain(
 'data-testid="landing-graph"',
 );
 expect(html, "the section's copy must be crawlable").toContain(
 "Pick a course. Watch it grow.",
// the wordmark scrambles in client-side, so only its accessible name is server-rendered
expect(html, "the wordmark's accessible name must survive SSR").toContain('aria-label="Sapling"');

 expect(html, "the lede is the page's primary SEO payload").toContain(
 "Sapling reads your whole course",
 );
 // Concept labels are the section's actual SEO payload.
 expect(html).toContain('data-testid="landing-graph-node-cs-root"');
 expect(html).toContain("Recursion");
 expect(html).toContain("It works from your own coursework, not the open web");

 // the three key columns state what the product does
 expect(html).toContain("Ingest");
 expect(html).toContain("Recall");
 expect(html).toContain("Every concept linked to the ones it rests on");

 expect(html, "the beta offer must be crawlable").toContain("Free through beta.");
});

13 changes: 1 addition & 12 deletions
frontend/eslint-suppressions.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,15 +1,4 @@
{
 "src/app/(public)/page.tsx": {
 "@next/next/no-html-link-for-pages": {
 "count": 1
 },
 "prefer-const": {
 "count": 2
 },
 "react-hooks/set-state-in-effect": {
 "count": 1
 }
 },
 "src/components/CustomSelect.tsx": {
 "react-hooks/set-state-in-effect": {
 "count": 1
Expand DownExpand Up@@ -165,4 +154,4 @@
 "count": 1
 }
 }
}
}
Binary file addedfrontend/public/journal-ai-homework.png

View file


Open in desktop

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file addedfrontend/public/journal-founding.png

View file


Open in desktop

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file addedfrontend/public/kofi-symbol.png

View file


Open in desktop

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Force GitHub README to respect dark mode
(function() {
var style = document.createElement('style');
style.textContent = '
.markdown-body {
color-scheme: dark light;
}
.markdown-body pre { background: #161b22 !important; }
.markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }
.markdown-body table th, .markdown-body table td { border-color: #30363d !important; }
.markdown-body img { background: #0d1117; }
.markdown-body blockquote { border-left-color: #8b949e; }
.markdown-body hr { border-color: #30363d; }
';
document.head.appendChild(style);
})();
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
feat(landing): port the v5 marketing landing onto production#576

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

 Merged

Darkest-Teddy
merged 2 commits into

from

Aug 23, 2026
 Merged


feat(landing): port the v5 marketing landing onto production
#576
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
434458d

feat(landing): port the v5 marketing landing onto production


Darkest-Teddy Aug 23, 2026
7d7f8e7

fix(lint): prune the v4 landing's suppressions


Darkest-Teddy Aug 23, 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


383 changes: 383 additions & 0 deletions
frontend/e2e/landing-drag-field.spec.ts

View file


Open in desktop


Large diffs are not rendered by default.


114 changes: 0 additions & 114 deletions
frontend/e2e/landing-graph.spec.ts

View file


Open in desktop


This file was deleted.


50 changes: 30 additions & 20 deletions
frontend/e2e/public-seo.spec.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -57,34 +57,44 @@ test("landing page ships social cards and a canonical URL (#169)", async ({ requ
});

/**
 * The actual SSR guard (#344 review #5).
 * The actual SSR guard (#344 review #5, retargeted for the v5 landing).
 *
 * The assertions above were previously described as "the guard on not breaking
 * SSR", but they aren't: og:image / twitter:card / canonical are emitted by the
 * Metadata API whether or not any component server-renders. The landing page
 * mounts `KnowledgeGraphDemo` through `next/dynamic` with SSR left ON, and
 * `ssr: false` is the first thing anyone will reach for the moment a hydration
 * warning appears there — it would leave every other spec green while silently
 * dropping the section's copy out of the crawled HTML, which is the entire
 * reason that component carries the `usePrefersReducedMotion` machinery.
 * `landing-graph.spec.ts` runs post-hydration and cannot see the difference.
 * Metadata API whether or not any component server-renders.
 *
 * So assert on the RAW response body, before any JS runs. With `ssr: false`
 * the dynamic import renders only its loading placeholder (an empty
 * `<section id="knowledge-graph">`), and every assertion below fails.
 * This test originally guarded `KnowledgeGraphDemo`, mounted through
 * `next/dynamic`, against someone reaching for `ssr: false` the moment a
 * hydration warning appeared — which would leave every other spec green while
 * silently dropping the section's copy out of the crawled HTML. The v5 landing
 * replaced that component, but the failure mode is unchanged and is in fact
 * sharper: v5 is a client component whose visuals are canvas and WebGL, so
 * essentially all of its crawlable payload is the prose asserted below. Wrap
 * the page (or the hero) in a `ssr: false` dynamic import and this is the only
 * spec that notices.
 *
 * Assert on the RAW response body, before any JS runs. Note what is NOT
 * asserted: the wordmark and tagline are empty on the server because they
 * scramble in on the client, so `aria-label` on the h1 carries the accessible
 * name and is checked here in its place.
 */
test("the knowledge-graph section is in the server-rendered HTML (#344)", async ({ request }) => {
test("the landing page's copy is in the server-rendered HTML (#344)", async ({ request }) => {
 const res = await request.get("/");
 expect(res.status()).toBe(200);
 const html = await res.text();

expect(html, "graph section markup must be server-rendered").toContain(
 'data-testid="landing-graph"',
 );
 expect(html, "the section's copy must be crawlable").toContain(
 "Pick a course. Watch it grow.",
// the wordmark scrambles in client-side, so only its accessible name is server-rendered
expect(html, "the wordmark's accessible name must survive SSR").toContain('aria-label="Sapling"');

 expect(html, "the lede is the page's primary SEO payload").toContain(
 "Sapling reads your whole course",
 );
 // Concept labels are the section's actual SEO payload.
 expect(html).toContain('data-testid="landing-graph-node-cs-root"');
 expect(html).toContain("Recursion");
 expect(html).toContain("It works from your own coursework, not the open web");

 // the three key columns state what the product does
 expect(html).toContain("Ingest");
 expect(html).toContain("Recall");
 expect(html).toContain("Every concept linked to the ones it rests on");

 expect(html, "the beta offer must be crawlable").toContain("Free through beta.");
});

13 changes: 1 addition & 12 deletions
frontend/eslint-suppressions.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,15 +1,4 @@
{
 "src/app/(public)/page.tsx": {
 "@next/next/no-html-link-for-pages": {
 "count": 1
 },
 "prefer-const": {
 "count": 2
 },
 "react-hooks/set-state-in-effect": {
 "count": 1
 }
 },
 "src/components/CustomSelect.tsx": {
 "react-hooks/set-state-in-effect": {
 "count": 1
Expand DownExpand Up@@ -165,4 +154,4 @@
 "count": 1
 }
 }
}
}
Binary file addedfrontend/public/journal-ai-homework.png

View file


Open in desktop

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file addedfrontend/public/journal-founding.png

View file


Open in desktop

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file addedfrontend/public/kofi-symbol.png

View file


Open in desktop

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Highlight search terms from Google/DuckDuckGo/Bing referrer
(function() {
var ref = document.referrer;
var terms = [];
if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {
var url = new URL(ref);
var q = url.searchParams.get('q') || url.searchParams.get('p');
if (q) {
terms = q.split(/\s+/).filter(function(t) { return t.length > 2; });
}
}
if (terms.length === 0) return;
var style = document.createElement('style');
style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';
document.head.appendChild(style);
function highlight(node) {
if (node.nodeType === 3) { // text node
var text = node.textContent;
var found = false;
terms.forEach(function(term) {
var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi');
if (regex.test(text)) {
found = true;
var frag = document.createDocumentFragment();
var parts = text.split(regex);
parts.forEach(function(part, i) {
if (i % 2 === 0) {
frag.appendChild(document.createTextNode(part));
} else {
var span = document.createElement('span');
span.className = 'userscript-highlight';
span.textContent = part;
frag.appendChild(span);
}
});
node.parentNode.replaceChild(frag, node);
}
});
} else if (node.nodeType === 1 && node.childNodes) { // element
var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];
if (!skipTags.includes(node.tagName)) {
Array.from(node.childNodes).forEach(highlight);
}
}
}
highlight(document.body);
// Re-highlight on dynamic content
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1 || node.nodeType === 3) highlight(node);
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
feat(landing): port the v5 marketing landing onto production#576

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

 Merged

Darkest-Teddy
merged 2 commits into

from

Aug 23, 2026
 Merged


feat(landing): port the v5 marketing landing onto production
#576
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
434458d

feat(landing): port the v5 marketing landing onto production


Darkest-Teddy Aug 23, 2026
7d7f8e7

fix(lint): prune the v4 landing's suppressions


Darkest-Teddy Aug 23, 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


383 changes: 383 additions & 0 deletions
frontend/e2e/landing-drag-field.spec.ts

View file


Open in desktop


Large diffs are not rendered by default.


114 changes: 0 additions & 114 deletions
frontend/e2e/landing-graph.spec.ts

View file


Open in desktop


This file was deleted.


50 changes: 30 additions & 20 deletions
frontend/e2e/public-seo.spec.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -57,34 +57,44 @@ test("landing page ships social cards and a canonical URL (#169)", async ({ requ
});

/**
 * The actual SSR guard (#344 review #5).
 * The actual SSR guard (#344 review #5, retargeted for the v5 landing).
 *
 * The assertions above were previously described as "the guard on not breaking
 * SSR", but they aren't: og:image / twitter:card / canonical are emitted by the
 * Metadata API whether or not any component server-renders. The landing page
 * mounts `KnowledgeGraphDemo` through `next/dynamic` with SSR left ON, and
 * `ssr: false` is the first thing anyone will reach for the moment a hydration
 * warning appears there — it would leave every other spec green while silently
 * dropping the section's copy out of the crawled HTML, which is the entire
 * reason that component carries the `usePrefersReducedMotion` machinery.
 * `landing-graph.spec.ts` runs post-hydration and cannot see the difference.
 * Metadata API whether or not any component server-renders.
 *
 * So assert on the RAW response body, before any JS runs. With `ssr: false`
 * the dynamic import renders only its loading placeholder (an empty
 * `<section id="knowledge-graph">`), and every assertion below fails.
 * This test originally guarded `KnowledgeGraphDemo`, mounted through
 * `next/dynamic`, against someone reaching for `ssr: false` the moment a
 * hydration warning appeared — which would leave every other spec green while
 * silently dropping the section's copy out of the crawled HTML. The v5 landing
 * replaced that component, but the failure mode is unchanged and is in fact
 * sharper: v5 is a client component whose visuals are canvas and WebGL, so
 * essentially all of its crawlable payload is the prose asserted below. Wrap
 * the page (or the hero) in a `ssr: false` dynamic import and this is the only
 * spec that notices.
 *
 * Assert on the RAW response body, before any JS runs. Note what is NOT
 * asserted: the wordmark and tagline are empty on the server because they
 * scramble in on the client, so `aria-label` on the h1 carries the accessible
 * name and is checked here in its place.
 */
test("the knowledge-graph section is in the server-rendered HTML (#344)", async ({ request }) => {
test("the landing page's copy is in the server-rendered HTML (#344)", async ({ request }) => {
 const res = await request.get("/");
 expect(res.status()).toBe(200);
 const html = await res.text();

expect(html, "graph section markup must be server-rendered").toContain(
 'data-testid="landing-graph"',
 );
 expect(html, "the section's copy must be crawlable").toContain(
 "Pick a course. Watch it grow.",
// the wordmark scrambles in client-side, so only its accessible name is server-rendered
expect(html, "the wordmark's accessible name must survive SSR").toContain('aria-label="Sapling"');

 expect(html, "the lede is the page's primary SEO payload").toContain(
 "Sapling reads your whole course",
 );
 // Concept labels are the section's actual SEO payload.
 expect(html).toContain('data-testid="landing-graph-node-cs-root"');
 expect(html).toContain("Recursion");
 expect(html).toContain("It works from your own coursework, not the open web");

 // the three key columns state what the product does
 expect(html).toContain("Ingest");
 expect(html).toContain("Recall");
 expect(html).toContain("Every concept linked to the ones it rests on");

 expect(html, "the beta offer must be crawlable").toContain("Free through beta.");
});

13 changes: 1 addition & 12 deletions
frontend/eslint-suppressions.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,15 +1,4 @@
{
 "src/app/(public)/page.tsx": {
 "@next/next/no-html-link-for-pages": {
 "count": 1
 },
 "prefer-const": {
 "count": 2
 },
 "react-hooks/set-state-in-effect": {
 "count": 1
 }
 },
 "src/components/CustomSelect.tsx": {
 "react-hooks/set-state-in-effect": {
 "count": 1
Expand DownExpand Up@@ -165,4 +154,4 @@
 "count": 1
 }
 }
}
}
Binary file addedfrontend/public/journal-ai-homework.png

View file


Open in desktop

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file addedfrontend/public/journal-founding.png

View file


Open in desktop

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file addedfrontend/public/kofi-symbol.png

View file


Open in desktop

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Strip utm_, fbclid, gclid, etc. from all links on page
(function() {
var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',
'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',
'ref', 'ref_src', 'source', 'medium', 'campaign'];
function cleanUrl(url) {
try {
var u = new URL(url, window.location.origin);
var changed = false;
trackingParams.forEach(function(p) {
if (u.searchParams.has(p)) {
u.searchParams.delete(p);
changed = true;
}
});
return changed ? u.toString() : url;
} catch (e) {
return url;
}
}
function cleanLinks() {
document.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
cleanLinks();
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1) {
if (node.tagName === 'A') cleanLinks();
node.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
feat(landing): port the v5 marketing landing onto production#576

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

 Merged

Darkest-Teddy
merged 2 commits into

from

Aug 23, 2026
 Merged


feat(landing): port the v5 marketing landing onto production
#576
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
434458d

feat(landing): port the v5 marketing landing onto production


Darkest-Teddy Aug 23, 2026
7d7f8e7

fix(lint): prune the v4 landing's suppressions


Darkest-Teddy Aug 23, 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


383 changes: 383 additions & 0 deletions
frontend/e2e/landing-drag-field.spec.ts

View file


Open in desktop


Large diffs are not rendered by default.


114 changes: 0 additions & 114 deletions
frontend/e2e/landing-graph.spec.ts

View file


Open in desktop


This file was deleted.


50 changes: 30 additions & 20 deletions
frontend/e2e/public-seo.spec.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -57,34 +57,44 @@ test("landing page ships social cards and a canonical URL (#169)", async ({ requ
});

/**
 * The actual SSR guard (#344 review #5).
 * The actual SSR guard (#344 review #5, retargeted for the v5 landing).
 *
 * The assertions above were previously described as "the guard on not breaking
 * SSR", but they aren't: og:image / twitter:card / canonical are emitted by the
 * Metadata API whether or not any component server-renders. The landing page
 * mounts `KnowledgeGraphDemo` through `next/dynamic` with SSR left ON, and
 * `ssr: false` is the first thing anyone will reach for the moment a hydration
 * warning appears there — it would leave every other spec green while silently
 * dropping the section's copy out of the crawled HTML, which is the entire
 * reason that component carries the `usePrefersReducedMotion` machinery.
 * `landing-graph.spec.ts` runs post-hydration and cannot see the difference.
 * Metadata API whether or not any component server-renders.
 *
 * So assert on the RAW response body, before any JS runs. With `ssr: false`
 * the dynamic import renders only its loading placeholder (an empty
 * `<section id="knowledge-graph">`), and every assertion below fails.
 * This test originally guarded `KnowledgeGraphDemo`, mounted through
 * `next/dynamic`, against someone reaching for `ssr: false` the moment a
 * hydration warning appeared — which would leave every other spec green while
 * silently dropping the section's copy out of the crawled HTML. The v5 landing
 * replaced that component, but the failure mode is unchanged and is in fact
 * sharper: v5 is a client component whose visuals are canvas and WebGL, so
 * essentially all of its crawlable payload is the prose asserted below. Wrap
 * the page (or the hero) in a `ssr: false` dynamic import and this is the only
 * spec that notices.
 *
 * Assert on the RAW response body, before any JS runs. Note what is NOT
 * asserted: the wordmark and tagline are empty on the server because they
 * scramble in on the client, so `aria-label` on the h1 carries the accessible
 * name and is checked here in its place.
 */
test("the knowledge-graph section is in the server-rendered HTML (#344)", async ({ request }) => {
test("the landing page's copy is in the server-rendered HTML (#344)", async ({ request }) => {
 const res = await request.get("/");
 expect(res.status()).toBe(200);
 const html = await res.text();

expect(html, "graph section markup must be server-rendered").toContain(
 'data-testid="landing-graph"',
 );
 expect(html, "the section's copy must be crawlable").toContain(
 "Pick a course. Watch it grow.",
// the wordmark scrambles in client-side, so only its accessible name is server-rendered
expect(html, "the wordmark's accessible name must survive SSR").toContain('aria-label="Sapling"');

 expect(html, "the lede is the page's primary SEO payload").toContain(
 "Sapling reads your whole course",
 );
 // Concept labels are the section's actual SEO payload.
 expect(html).toContain('data-testid="landing-graph-node-cs-root"');
 expect(html).toContain("Recursion");
 expect(html).toContain("It works from your own coursework, not the open web");

 // the three key columns state what the product does
 expect(html).toContain("Ingest");
 expect(html).toContain("Recall");
 expect(html).toContain("Every concept linked to the ones it rests on");

 expect(html, "the beta offer must be crawlable").toContain("Free through beta.");
});

13 changes: 1 addition & 12 deletions
frontend/eslint-suppressions.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,15 +1,4 @@
{
 "src/app/(public)/page.tsx": {
 "@next/next/no-html-link-for-pages": {
 "count": 1
 },
 "prefer-const": {
 "count": 2
 },
 "react-hooks/set-state-in-effect": {
 "count": 1
 }
 },
 "src/components/CustomSelect.tsx": {
 "react-hooks/set-state-in-effect": {
 "count": 1
Expand DownExpand Up@@ -165,4 +154,4 @@
 "count": 1
 }
 }
}
}
Binary file addedfrontend/public/journal-ai-homework.png

View file


Open in desktop

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file addedfrontend/public/journal-founding.png

View file


Open in desktop

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file addedfrontend/public/kofi-symbol.png

View file


Open in desktop

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Auto-enable theater mode on YouTube
(function() {
function tryTheater() {
var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]');
if (btn && !btn.classList.contains('activated')) {
btn.click();
}
}
// Try immediately
tryTheater();
// Try after navigation (SPA)
var lastUrl = location.href;
setInterval(function() {
if (location.href !== lastUrl) {
lastUrl = location.href;
setTimeout(tryTheater, 500);
}
}, 1000);
// Also try on player load
var observer = new MutationObserver(tryTheater);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
feat(landing): port the v5 marketing landing onto production#576

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

 Merged

Darkest-Teddy
merged 2 commits into

from

Aug 23, 2026
 Merged


feat(landing): port the v5 marketing landing onto production
#576
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
434458d

feat(landing): port the v5 marketing landing onto production


Darkest-Teddy Aug 23, 2026
7d7f8e7

fix(lint): prune the v4 landing's suppressions


Darkest-Teddy Aug 23, 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


383 changes: 383 additions & 0 deletions
frontend/e2e/landing-drag-field.spec.ts

View file


Open in desktop


Large diffs are not rendered by default.


114 changes: 0 additions & 114 deletions
frontend/e2e/landing-graph.spec.ts

View file


Open in desktop


This file was deleted.


50 changes: 30 additions & 20 deletions
frontend/e2e/public-seo.spec.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -57,34 +57,44 @@ test("landing page ships social cards and a canonical URL (#169)", async ({ requ
});

/**
 * The actual SSR guard (#344 review #5).
 * The actual SSR guard (#344 review #5, retargeted for the v5 landing).
 *
 * The assertions above were previously described as "the guard on not breaking
 * SSR", but they aren't: og:image / twitter:card / canonical are emitted by the
 * Metadata API whether or not any component server-renders. The landing page
 * mounts `KnowledgeGraphDemo` through `next/dynamic` with SSR left ON, and
 * `ssr: false` is the first thing anyone will reach for the moment a hydration
 * warning appears there — it would leave every other spec green while silently
 * dropping the section's copy out of the crawled HTML, which is the entire
 * reason that component carries the `usePrefersReducedMotion` machinery.
 * `landing-graph.spec.ts` runs post-hydration and cannot see the difference.
 * Metadata API whether or not any component server-renders.
 *
 * So assert on the RAW response body, before any JS runs. With `ssr: false`
 * the dynamic import renders only its loading placeholder (an empty
 * `<section id="knowledge-graph">`), and every assertion below fails.
 * This test originally guarded `KnowledgeGraphDemo`, mounted through
 * `next/dynamic`, against someone reaching for `ssr: false` the moment a
 * hydration warning appeared — which would leave every other spec green while
 * silently dropping the section's copy out of the crawled HTML. The v5 landing
 * replaced that component, but the failure mode is unchanged and is in fact
 * sharper: v5 is a client component whose visuals are canvas and WebGL, so
 * essentially all of its crawlable payload is the prose asserted below. Wrap
 * the page (or the hero) in a `ssr: false` dynamic import and this is the only
 * spec that notices.
 *
 * Assert on the RAW response body, before any JS runs. Note what is NOT
 * asserted: the wordmark and tagline are empty on the server because they
 * scramble in on the client, so `aria-label` on the h1 carries the accessible
 * name and is checked here in its place.
 */
test("the knowledge-graph section is in the server-rendered HTML (#344)", async ({ request }) => {
test("the landing page's copy is in the server-rendered HTML (#344)", async ({ request }) => {
 const res = await request.get("/");
 expect(res.status()).toBe(200);
 const html = await res.text();

expect(html, "graph section markup must be server-rendered").toContain(
 'data-testid="landing-graph"',
 );
 expect(html, "the section's copy must be crawlable").toContain(
 "Pick a course. Watch it grow.",
// the wordmark scrambles in client-side, so only its accessible name is server-rendered
expect(html, "the wordmark's accessible name must survive SSR").toContain('aria-label="Sapling"');

 expect(html, "the lede is the page's primary SEO payload").toContain(
 "Sapling reads your whole course",
 );
 // Concept labels are the section's actual SEO payload.
 expect(html).toContain('data-testid="landing-graph-node-cs-root"');
 expect(html).toContain("Recursion");
 expect(html).toContain("It works from your own coursework, not the open web");

 // the three key columns state what the product does
 expect(html).toContain("Ingest");
 expect(html).toContain("Recall");
 expect(html).toContain("Every concept linked to the ones it rests on");

 expect(html, "the beta offer must be crawlable").toContain("Free through beta.");
});

13 changes: 1 addition & 12 deletions
frontend/eslint-suppressions.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,15 +1,4 @@
{
 "src/app/(public)/page.tsx": {
 "@next/next/no-html-link-for-pages": {
 "count": 1
 },
 "prefer-const": {
 "count": 2
 },
 "react-hooks/set-state-in-effect": {
 "count": 1
 }
 },
 "src/components/CustomSelect.tsx": {
 "react-hooks/set-state-in-effect": {
 "count": 1
Expand DownExpand Up@@ -165,4 +154,4 @@
 "count": 1
 }
 }
}
}
Binary file addedfrontend/public/journal-ai-homework.png

View file


Open in desktop

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file addedfrontend/public/journal-founding.png

View file


Open in desktop

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file addedfrontend/public/kofi-symbol.png

View file


Open in desktop

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Remove or un-stick sticky/fixed headers that block content
(function() {
function unstick() {
document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) {
if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {
el.style.position = 'static';
el.style.top = 'auto';
el.style.zIndex = 'auto';
}
});
}
unstick();
var observer = new MutationObserver(unstick);
observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
})();
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
feat(landing): port the v5 marketing landing onto production#576

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

 Merged

Darkest-Teddy
merged 2 commits into

from

Aug 23, 2026
 Merged


feat(landing): port the v5 marketing landing onto production
#576
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
434458d

feat(landing): port the v5 marketing landing onto production


Darkest-Teddy Aug 23, 2026
7d7f8e7

fix(lint): prune the v4 landing's suppressions


Darkest-Teddy Aug 23, 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


383 changes: 383 additions & 0 deletions
frontend/e2e/landing-drag-field.spec.ts

View file


Open in desktop


Large diffs are not rendered by default.


114 changes: 0 additions & 114 deletions
frontend/e2e/landing-graph.spec.ts

View file


Open in desktop


This file was deleted.


50 changes: 30 additions & 20 deletions
frontend/e2e/public-seo.spec.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -57,34 +57,44 @@ test("landing page ships social cards and a canonical URL (#169)", async ({ requ
});

/**
 * The actual SSR guard (#344 review #5).
 * The actual SSR guard (#344 review #5, retargeted for the v5 landing).
 *
 * The assertions above were previously described as "the guard on not breaking
 * SSR", but they aren't: og:image / twitter:card / canonical are emitted by the
 * Metadata API whether or not any component server-renders. The landing page
 * mounts `KnowledgeGraphDemo` through `next/dynamic` with SSR left ON, and
 * `ssr: false` is the first thing anyone will reach for the moment a hydration
 * warning appears there — it would leave every other spec green while silently
 * dropping the section's copy out of the crawled HTML, which is the entire
 * reason that component carries the `usePrefersReducedMotion` machinery.
 * `landing-graph.spec.ts` runs post-hydration and cannot see the difference.
 * Metadata API whether or not any component server-renders.
 *
 * So assert on the RAW response body, before any JS runs. With `ssr: false`
 * the dynamic import renders only its loading placeholder (an empty
 * `<section id="knowledge-graph">`), and every assertion below fails.
 * This test originally guarded `KnowledgeGraphDemo`, mounted through
 * `next/dynamic`, against someone reaching for `ssr: false` the moment a
 * hydration warning appeared — which would leave every other spec green while
 * silently dropping the section's copy out of the crawled HTML. The v5 landing
 * replaced that component, but the failure mode is unchanged and is in fact
 * sharper: v5 is a client component whose visuals are canvas and WebGL, so
 * essentially all of its crawlable payload is the prose asserted below. Wrap
 * the page (or the hero) in a `ssr: false` dynamic import and this is the only
 * spec that notices.
 *
 * Assert on the RAW response body, before any JS runs. Note what is NOT
 * asserted: the wordmark and tagline are empty on the server because they
 * scramble in on the client, so `aria-label` on the h1 carries the accessible
 * name and is checked here in its place.
 */
test("the knowledge-graph section is in the server-rendered HTML (#344)", async ({ request }) => {
test("the landing page's copy is in the server-rendered HTML (#344)", async ({ request }) => {
 const res = await request.get("/");
 expect(res.status()).toBe(200);
 const html = await res.text();

expect(html, "graph section markup must be server-rendered").toContain(
 'data-testid="landing-graph"',
 );
 expect(html, "the section's copy must be crawlable").toContain(
 "Pick a course. Watch it grow.",
// the wordmark scrambles in client-side, so only its accessible name is server-rendered
expect(html, "the wordmark's accessible name must survive SSR").toContain('aria-label="Sapling"');

 expect(html, "the lede is the page's primary SEO payload").toContain(
 "Sapling reads your whole course",
 );
 // Concept labels are the section's actual SEO payload.
 expect(html).toContain('data-testid="landing-graph-node-cs-root"');
 expect(html).toContain("Recursion");
 expect(html).toContain("It works from your own coursework, not the open web");

 // the three key columns state what the product does
 expect(html).toContain("Ingest");
 expect(html).toContain("Recall");
 expect(html).toContain("Every concept linked to the ones it rests on");

 expect(html, "the beta offer must be crawlable").toContain("Free through beta.");
});

13 changes: 1 addition & 12 deletions
frontend/eslint-suppressions.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,15 +1,4 @@
{
 "src/app/(public)/page.tsx": {
 "@next/next/no-html-link-for-pages": {
 "count": 1
 },
 "prefer-const": {
 "count": 2
 },
 "react-hooks/set-state-in-effect": {
 "count": 1
 }
 },
 "src/components/CustomSelect.tsx": {
 "react-hooks/set-state-in-effect": {
 "count": 1
Expand DownExpand Up@@ -165,4 +154,4 @@
 "count": 1
 }
 }
}
}
Binary file addedfrontend/public/journal-ai-homework.png

View file


Open in desktop

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file addedfrontend/public/journal-founding.png

View file


Open in desktop

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file addedfrontend/public/kofi-symbol.png

View file


Open in desktop

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Universal Dark Mode - works on any site
(function() {
var enabled = true;
function applyDarkMode() {
if (!enabled) return;
// Create style element if it doesn't exist
var style = document.getElementById('universal-dark-mode-style');
if (!style) {
style = document.createElement('style');
style.id = 'universal-dark-mode-style';
document.head.appendChild(style);
}
// Dark mode CSS - inverts colors but preserves images/video
style.textContent = '
/* Invert everything except media */
html {
filter: invert(1) hue-rotate(180deg) !important;
background: #1a1a2e !important;
}
/* Restore images, videos, iframes, canvas */
img, video, iframe, canvas, svg, picture, [style*="background-image"] {
filter: invert(1) hue-rotate(180deg) !important;
}
/* Preserve specific elements that should not be inverted */
.no-dark-mode, .no-dark-mode *,
[data-theme="light"], [data-theme="light"],
.ace_editor, .ace_editor *,
.CodeMirror, .CodeMirror *,
.monaco-editor, .monaco-editor *,
.markdown-body pre, .markdown-body pre *,
.highlight, .highlight *,
pre code, pre code * {
filter: none !important;
}
/* Fix common UI elements */
.modal, .popup, .dropdown-menu, .tooltip, .popover {
filter: invert(1) hue-rotate(180deg) !important;
background: #2d2d44 !important;
border-color: #444 !important;
}
/* Scrollbars */
::-webkit-scrollbar { background: #1a1a2e !important; }
::-webkit-scrollbar-thumb { background: #444 !important; }
::-webkit-scrollbar-thumb:hover { background: #555 !important; }
/* Selection */
::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
';
}
function removeDarkMode() {
var style = document.getElementById('universal-dark-mode-style');
if (style) style.remove();
}
// Toggle with Alt+Shift+D
document.addEventListener('keydown', function(e) {
if (e.altKey && e.shiftKey && e.key === 'D') {
e.preventDefault();
enabled = !enabled;
if (enabled) {
applyDarkMode();
console.log('[Universal Dark Mode] Enabled');
} else {
removeDarkMode();
console.log('[Universal Dark Mode] Disabled');
}
}
});
// Apply on load
applyDarkMode();
// Re-apply on dynamic content
var observer = new MutationObserver(function(mutations) {
if (enabled && !document.getElementById('universal-dark-mode-style')) {
applyDarkMode();
}
});
observer.observe(document.head, { childList: true });
console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');
})();
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
feat(landing): port the v5 marketing landing onto production#576

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

 Merged

Darkest-Teddy
merged 2 commits into

from

Aug 23, 2026
 Merged


feat(landing): port the v5 marketing landing onto production
#576
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
434458d

feat(landing): port the v5 marketing landing onto production


Darkest-Teddy Aug 23, 2026
7d7f8e7

fix(lint): prune the v4 landing's suppressions


Darkest-Teddy Aug 23, 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


383 changes: 383 additions & 0 deletions
frontend/e2e/landing-drag-field.spec.ts

View file


Open in desktop


Large diffs are not rendered by default.


114 changes: 0 additions & 114 deletions
frontend/e2e/landing-graph.spec.ts

View file


Open in desktop


This file was deleted.


50 changes: 30 additions & 20 deletions
frontend/e2e/public-seo.spec.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -57,34 +57,44 @@ test("landing page ships social cards and a canonical URL (#169)", async ({ requ
});

/**
 * The actual SSR guard (#344 review #5).
 * The actual SSR guard (#344 review #5, retargeted for the v5 landing).
 *
 * The assertions above were previously described as "the guard on not breaking
 * SSR", but they aren't: og:image / twitter:card / canonical are emitted by the
 * Metadata API whether or not any component server-renders. The landing page
 * mounts `KnowledgeGraphDemo` through `next/dynamic` with SSR left ON, and
 * `ssr: false` is the first thing anyone will reach for the moment a hydration
 * warning appears there — it would leave every other spec green while silently
 * dropping the section's copy out of the crawled HTML, which is the entire
 * reason that component carries the `usePrefersReducedMotion` machinery.
 * `landing-graph.spec.ts` runs post-hydration and cannot see the difference.
 * Metadata API whether or not any component server-renders.
 *
 * So assert on the RAW response body, before any JS runs. With `ssr: false`
 * the dynamic import renders only its loading placeholder (an empty
 * `<section id="knowledge-graph">`), and every assertion below fails.
 * This test originally guarded `KnowledgeGraphDemo`, mounted through
 * `next/dynamic`, against someone reaching for `ssr: false` the moment a
 * hydration warning appeared — which would leave every other spec green while
 * silently dropping the section's copy out of the crawled HTML. The v5 landing
 * replaced that component, but the failure mode is unchanged and is in fact
 * sharper: v5 is a client component whose visuals are canvas and WebGL, so
 * essentially all of its crawlable payload is the prose asserted below. Wrap
 * the page (or the hero) in a `ssr: false` dynamic import and this is the only
 * spec that notices.
 *
 * Assert on the RAW response body, before any JS runs. Note what is NOT
 * asserted: the wordmark and tagline are empty on the server because they
 * scramble in on the client, so `aria-label` on the h1 carries the accessible
 * name and is checked here in its place.
 */
test("the knowledge-graph section is in the server-rendered HTML (#344)", async ({ request }) => {
test("the landing page's copy is in the server-rendered HTML (#344)", async ({ request }) => {
 const res = await request.get("/");
 expect(res.status()).toBe(200);
 const html = await res.text();

expect(html, "graph section markup must be server-rendered").toContain(
 'data-testid="landing-graph"',
 );
 expect(html, "the section's copy must be crawlable").toContain(
 "Pick a course. Watch it grow.",
// the wordmark scrambles in client-side, so only its accessible name is server-rendered
expect(html, "the wordmark's accessible name must survive SSR").toContain('aria-label="Sapling"');

 expect(html, "the lede is the page's primary SEO payload").toContain(
 "Sapling reads your whole course",
 );
 // Concept labels are the section's actual SEO payload.
 expect(html).toContain('data-testid="landing-graph-node-cs-root"');
 expect(html).toContain("Recursion");
 expect(html).toContain("It works from your own coursework, not the open web");

 // the three key columns state what the product does
 expect(html).toContain("Ingest");
 expect(html).toContain("Recall");
 expect(html).toContain("Every concept linked to the ones it rests on");

 expect(html, "the beta offer must be crawlable").toContain("Free through beta.");
});

13 changes: 1 addition & 12 deletions
frontend/eslint-suppressions.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,15 +1,4 @@
{
 "src/app/(public)/page.tsx": {
 "@next/next/no-html-link-for-pages": {
 "count": 1
 },
 "prefer-const": {
 "count": 2
 },
 "react-hooks/set-state-in-effect": {
 "count": 1
 }
 },
 "src/components/CustomSelect.tsx": {
 "react-hooks/set-state-in-effect": {
 "count": 1
Expand DownExpand Up@@ -165,4 +154,4 @@
 "count": 1
 }
 }
}
}
Binary file addedfrontend/public/journal-ai-homework.png

View file


Open in desktop

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file addedfrontend/public/journal-founding.png

View file


Open in desktop

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file addedfrontend/public/kofi-symbol.png

View file


Open in desktop

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Loading