- Counter-rotating rings now also pulse outward from center (inner→outer ripple)
- Use standalone `rotate`/`scale` CSS properties so animations don't conflict
- Glitch animation scoped to logo text span only, not the SVG
- Footer logo remains static (logo-static)
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Replace logo partial with faceted low-poly peony bloom (v7: blush→heat)
- Update static/logo.svg (app icon, no background)
- Regenerate OG default image with new logo and correct tagline
- Update favicons
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Add layouts/partials/img.html helper that resizes and converts any Hugo
page-resource image to WebP, emitting a responsive srcset at multiple
widths. Wire it up to every image rendering site:
- post-card.html: thumbnail (600w/1000w) + avatar (64px WebP)
- post-card-large.html: featured card background (800w/1200w)
- posts/single.html: banner (1200w/1800w, eager) + gallery (800w/1200w)
- author-card.html: avatar (96px WebP, 2× retina)
Result: banner.png 7.9 MB → 496 KB WebP at 1800w (−94 %).
Hugo caches processed images in resources/_gen/ across builds.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- nav: fix label-content-name-mismatch — aria-label now uses logoText
("PIVOINE") to match the visible link text (WCAG 2.5.3)
- index: improve link-text — "Learn more" → "About the magazine"
so the /about/ CTA has a descriptive accessible name
- head: load Google Fonts async via media=print/onload pattern to
eliminate render-blocking resource penalty (~480ms est. savings)
Remaining items needing server-side action:
- is-crawlable: x-robots-tag: none,... header must be removed in the
web server / CDN config (not controllable from this repo)
- image-delivery: large banner PNGs on live site need manual WebP
conversion or migration to Hugo page bundles for auto-processing
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Desktop nav: underline uses scaleX transform (origin-left) instead of
width, now shows on hover for inactive links too
- Mobile nav: link text slides translateX on hover for directional feel
- Footer nav: matching scaleX underline on hover
- Footer social: external arrow icon nudges diagonally on hover
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
valknar