defalt2111/Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Read Pitch as a profile: stations and stack before the case cards.

Browse Source 
The four public cases stay on the page; the timeline no longer follows them.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Antonio Ledebuhr
2026-08-26 13:13:43 +02:00
parent 255f0eace6
commit 35a575dba9
2 changed files with 52 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/app/features/page-rendering.spec.ts
View File

@@ -161,6 +161,27 @@ describe('page rendering, semantics and accessibility', () => {
}
});
it('renders pitch as profile, stations, stack, then cases', async () => {
TestBed.configureTestingModule({
providers: [provideRouter(routes), { provide: SITE_CONTENT, useValue: SITE_CONTENT_DATA }],
});
const harness = await RouterTestingHarness.create();
for (const path of ['/pitch', '/en/pitch']) {
await harness.navigateByUrl(path);
const root = harness.routeNativeElement as HTMLElement;
const headingIds = [...root.querySelectorAll('h2')].map((heading) => heading.id);
expect(headingIds, path).toEqual([
'section-profile',
'pitch-timeline',
'pitch-stack',
'section-featured-cases',
]);
expect(root.querySelectorAll('app-case-card')).toHaveLength(CASE_STUDY_IDS.length);
}
});
it('renders pitch in both locales with a single h1', async () => {
TestBed.configureTestingModule({
providers: [provideRouter(routes), { provide: SITE_CONTENT, useValue: SITE_CONTENT_DATA }],

61
src/app/features/pitch/pitch.html
View File

@@ -2,16 +2,46 @@
<div class="content-container stack page">
<app-page-hero [hero]="copy.hero" [ctas]="copy.ctas" />
@for (section of copy.sections; track section.id) {
<app-content-section [section]="section" />
@if (section.id === 'profile') {
<app-content-section [section]="section" />
<ul class="stack">
@for (line of copy.profile; track $index) {
<li>{{ line }}</li>
}
</ul>
<app-metric-list [metrics]="copy.metrics" [labelledBy]="'section-profile'" />
<section class="stack" [attr.aria-labelledby]="'pitch-timeline'">
<h2 id="pitch-timeline">{{ copy.timelineHeading }}</h2>
<ol class="stack">
@for (entry of copy.timeline; track entry.id) {
<li>
<p>
<strong>{{ entry.period }}</strong>
· {{ entry.role }}
</p>
<p>{{ entry.body }}</p>
</li>
}
</ol>
</section>
<section class="stack" [attr.aria-labelledby]="'pitch-stack'">
<h2 id="pitch-stack">{{ copy.stackHeading }}</h2>
<ul class="stack">
@for (group of copy.coreStack; track group.id) {
<li>
<p>
<strong>{{ group.title }}</strong>
@if (group.body) {
— {{ group.body }}
}
</p>
</li>
}
</ul>
</section>
}
@if (section.id === 'featured-cases') {
<app-content-section [section]="section" />
<div class="stack">
@for (caseStudy of featuredCases(); track caseStudy.id) {
<app-case-card [caseStudy]="caseStudy" />
@@ -19,35 +49,6 @@
</div>
}
}
<section class="stack" [attr.aria-labelledby]="'pitch-timeline'">
<h2 id="pitch-timeline">{{ copy.timelineHeading }}</h2>
<ol class="stack">
@for (entry of copy.timeline; track entry.id) {
<li>
<p>
<strong>{{ entry.period }}</strong>
· {{ entry.role }}
</p>
<p>{{ entry.body }}</p>
</li>
}
</ol>
</section>
<section class="stack" [attr.aria-labelledby]="'pitch-stack'">
<h2 id="pitch-stack">{{ copy.stackHeading }}</h2>
<ul class="stack">
@for (group of copy.coreStack; track group.id) {
<li>
<p>
<strong>{{ group.title }}</strong>
@if (group.body) {
— {{ group.body }}
}
</p>
</li>
}
</ul>
</section>
<app-cta-row [ctas]="copy.ctas" />
</div>
}