- Bump all post-type label colours from -600 to -700 (light) and
-400 to -300 (dark) in blog.njk to meet WCAG AA/AAA contrast
ratios (green/teal/sky labels were failing AA at ~3-4:1)
- Replace four <p role="heading" aria-level="2"> in footer with
real <h2> elements for robust screen-reader support
- Bump footer link text from surface-600 to surface-700 (light)
and surface-400 to surface-300 (dark)
- Update hero.njk accent job-title and "Read more" link from
accent-600 to accent-700 / accent-400 to accent-300
- Update Tailwind typography prose link token from accent-600/400
to accent-700/300
- Tighten .p-category and .post-meta base styles in tailwind.css
(surface-600→700 light, surface-300→200 / surface-400→300)
- Bump hashtag link colours in tailwind.css (accent-600→700)
- Fix sparkline colour in notes.njk (teal-600→700 / teal-400→300)
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Having two u-url elements caused duplicate URL warning on indiewebify.me.
Move u-url u-uid to the p-name anchor (canonical identity link) and
make the avatar link decorative only.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Some microformat parsers can't find u-photo when nested inside an <a> tag.
Move it to a hidden <data> element at the top of the h-card section,
matching the pattern used in h-card.njk.
Also update CLAUDE.md docs for homepage/h-card changes.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Add critical CSS rules to constrain images (max-width:100%) and inline
SVGs (default 1.25rem) before Tailwind loads. Add width/height HTML
attributes to avatar images in hero sections and h-card sidebar widget.
Confab-Link: http://localhost:8080/sessions/edb1b7b0-da66-4486-bd9c-d1cfa7553b88
Replace monochrome (black/amber) social icons with official brand
colors for each service. Add socialIconColorClass macro that maps
icon names to Tailwind color classes with dark mode variants.
Changes:
- social-icon.njk: add brand color macro for 30+ icon types
- social-icon.njk: replace ActivityPub icon with official W3C logo
- hero.njk: apply brand colors to icons, neutral text for labels
- cv-builder.njk: same brand color treatment as hero section
Confab-Link: http://localhost:8080/sessions/bd3f7012-c703-47e9-bfe2-2ad04ce1842d
- Add teal accent color scale and activate Inter font via @font-face
- Neutralize nav/footer hovers from primary blue to surface neutrals
- Apply accent color to hero subtitle, FAB, CTA buttons, card hovers
- Fix reply post-type color from generic primary to distinctive sky blue
- Create centralized icon macro (icon.njk) with 24 reusable SVG icons
- Add per-widget-type icons and colored left-accent borders to all sidebars
- Update .p-category tags from blue to neutral surface with border
- Diversify color vocabulary: red (likes), amber (bookmarks/blogroll),
green (reposts), purple (funkwhale), sky (replies), orange (subscribe)
Confab-Link: http://localhost:8080/sessions/bd3f7012-c703-47e9-bfe2-2ad04ce1842d
Replace duplicated inline SVGs in h-card.njk and hero.njk with a shared
Nunjucks macro. Adds proper icons for ActivityPub, Forgejo, Codeberg,
PixelFed, and 25+ more platforms via Simple Icons (CC0).
Hero and h-card templates now resolve homepageConfig.identity.*
fields first, falling back to site.author.* env vars. Includes
design doc and implementation plan for the identity editor.
- homepage-builder.njk: master section renderer for configured sections
- sections/hero.njk: hero section with avatar, name, title, bio, social
- sections/recent-posts.njk: configurable recent posts section
- sections/custom-html.njk: freeform HTML content block
- Wire home.njk Tier 1 to include homepage-builder when config exists
Part of indiekit-endpoint-homepage plugin integration.
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
