Link the social profiles from the footer, and verify Mastodon with rel="me" #212

Merged
cruelacid merged 1 commit from worktree-social-footer into main 2026-09-29 17:22:53 +01:00
Owner

Task: NEC-154

The five social profiles (Mastodon, Bluesky, X, Reddit, YouTube) close the footer's legal row as glyphs, on every page of nectenda.com and on the status page. This is option A, approved in the design review and added to the Nectenda Design System (Footer section: guidelines/footer.html, guidelines/social-links.html, assets/social/; options in studies/footer-social-options.html).

  • Site — SOCIAL in site/build.mjs; the glyphs are inlined from site/static/social/ so they take the footer tokens. The Mastodon link carries rel="me" on every page, which verifies the profile's Website and Changelog fields. site/footer.test.mjs checks every built page (36/36), mutation-checked.
  • Status page — the same glyphs as CSS masks (data URIs, like the mark and wordmark), the links in status-page.footer.md, held to SOCIAL by status-page-css.test.ts. Going live needs node deploy/kuma-monitor.mjs status-page after merge.
  • brand/social/profiles.md checklist ticked.

Changelog

NONE

🤖 Generated with Claude Code

https://claude.ai/code/session_01StURdiv33xnMfE2XRyg8Lt

Task: NEC-154 The five social profiles (Mastodon, Bluesky, X, Reddit, YouTube) close the footer's legal row as glyphs, on every page of nectenda.com and on the status page. This is option A, approved in the design review and added to the Nectenda Design System (Footer section: `guidelines/footer.html`, `guidelines/social-links.html`, `assets/social/`; options in `studies/footer-social-options.html`). - **Site** — `SOCIAL` in `site/build.mjs`; the glyphs are inlined from `site/static/social/` so they take the footer tokens. The Mastodon link carries `rel="me"` on every page, which verifies the profile's Website and Changelog fields. `site/footer.test.mjs` checks every built page (36/36), mutation-checked. - **Status page** — the same glyphs as CSS masks (data URIs, like the mark and wordmark), the links in `status-page.footer.md`, held to `SOCIAL` by `status-page-css.test.ts`. Going live needs `node deploy/kuma-monitor.mjs status-page` after merge. - `brand/social/profiles.md` checklist ticked. ## Changelog NONE 🤖 Generated with [Claude Code](https://claude.com/claude-code) https://claude.ai/code/session_01StURdiv33xnMfE2XRyg8Lt
Link the social profiles from the footer, and verify Mastodon with rel="me"
All checks were successful
Release note / release-note (pull_request) Successful in 12s
CI / build (pull_request) Successful in 4m51s
CI / e2e (pull_request) Successful in 5m50s
CI / promote (pull_request) Has been skipped
Deploy site / deploy (push) Successful in 50s
CI / build (push) Successful in 5m8s
CI / e2e (push) Successful in 5m22s
CI / promote (push) Successful in 31s
4f3a999663
The five profiles close the footer's legal row as glyphs, on every page of
nectenda.com and on the status page. The design is the Nectenda Design
System's Footer section, approved as option A; the glyphs are its
assets/social files, each platform's own mark unaltered, inlined so they
take the footer's tokens.

The Mastodon link carries rel="me" on every page, which is what verifies the
profile's Website and Changelog fields. The status page draws the same
glyphs as masks, embedded like the mark and wordmark so they survive the
site being down, and a test holds its links to the site's SOCIAL list.

Task: NEC-154

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01StURdiv33xnMfE2XRyg8Lt
Sign in to join this conversation.
No reviewers
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
Nectenda/nectenda!212
No description provided.