pigui/landing-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Give projects and members their own pages

Browse Source 
The API has always served a project's and a member's detail, with
`path` and `alternates` in three languages, and the site had nowhere to
show it. A project now has its page — tagline, status, technologies,
description, technical decisions, what was learned, gallery, client,
dates, lead, team, repositories and open calls — and so does a member:
headline, bio, links, technologies and projects. Cards on the landing
link to both.

Addresses follow the API's rule read backwards (core/routes.ts):
pages at the root, records under a section named in their language,
the default language unprefixed. One catch-all route serves them all.
Not a route per shape: Analog registers each loader as an internal
Nitro route, and Nitro's router cannot hold `/:prefix/:slug` beside
`/:prefix/:section/:slug` — the first became unreachable.

The frame around a record (header, footer, lights, 404/503, title,
description, canonical, hreflang) is one component now, PageShell, and
each type only brings its body, all sharing one layout partial.

Also fixes chips that stepped down one row after the first, on the
landing's cards too: @pi/ui's reset gives every `li + li` a top margin,
right for prose and wrong for a row spaced by `gap`.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
pigui
2026-09-29 14:57:13 +02:00
parent 9af6b5aff9
commit 439f951f2e
33 changed files with 2001 additions and 745 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
landing/src/app/ui/member-card.ts
View File

@@ -54,7 +54,13 @@ import type { PublicMember } from '../core/api.types';
</pi-card-top-content>
<pi-card-center-content>
<h3 bold class="landing-card__title">{{ member().name }}</h3>
<h3 bold class="landing-card__title">
@if (member().path; as path) {
<a class="landing-card__title-link" [href]="path">{{ member().name }}</a>
} @else {
{{ member().name }}
}
</h3>
@if (member().role || member().headline; as subtitle) {
<p s pi-color color="grey">{{ subtitle }}</p>
}
@@ -93,22 +99,24 @@ export class MemberCard {
readonly member = input.required<PublicMember>();
readonly copy = input.required<Copy>();
protected readonly links = computed(() => {
const member = this.member();
const entries = Object.entries(member.links ?? {}).map(([label, url]) => ({
label,
url,
}));
// The username is handed over separately, so build the URL rather than
// hope somebody also filled the links map in.
if (member.github_username && !entries.some((link) => link.label === 'github')) {
entries.unshift({
label: 'github',
url: `https://github.com/${member.github_username}`,
});
}
return entries.slice(0, 3);
});
protected readonly links = computed(() => memberLinks(this.member()).slice(0, 3));
}
/** A member's links, GitHub first when there is a username for it. */
export function memberLinks(member: PublicMember): { label: string; url: string }[] {
const entries = Object.entries(member.links ?? {}).map(([label, url]) => ({
label,
url,
}));
// The username is handed over separately, so build the URL rather than
// hope somebody also filled the links map in.
if (member.github_username && !entries.some((link) => link.label === 'github')) {
entries.unshift({
label: 'github',
url: `https://github.com/${member.github_username}`,
});
}
return entries;
}