2026-08-18 — Hero Nabla extrusion wave

Summary

The homepage FoodTruckNerdz lockup now varies Nabla extrusion depth on F, T, and N. A CSS keyframe on EDPT only changed the gap after T; COLRv1 paint stayed frozen. The axis is driven in JavaScript the same way as the HCI Nerdz homepage, after loading the variable font with both axes.

Highlights

  • Google Fonts request is Nabla:EDPT,EHLT@0..200,0..24. Without those ranges Chrome downloads a static Nabla file, so font-variation-settings cannot change depth.

  • useNablaEdptWave sets fontVariationSettings each frame (overlapping sines on F/T/N). Compact header FTN uses the same loop; the footer lockup stays still. prefers-reduced-motion: reduce freezes the rest pose.