Make Now section a carousel

[cwage]

Summary

• Replaces the single-item Now block with a carousel: prev/next arrows + dot indicators above a single visible slide
• Progressive enhancement — without JS, all entries stack as before; JS adds the .js-enabled class and carousel behavior
• Entries render in reverse YAML order (append new items at the bottom of _data/now.yml, they show first)
• Adds optional date field alongside type in meta line (e.g. article · 2026-04-08)
• Subtle framed container (1px border + off-white bg) marks the section as featured

Notes

• Controls sit above the slides so they stay anchored when active item height changes
• Arrows wrap around at the ends; no keyboard nav (per discussion)
• Carousel controls only render when now.yml has more than one entry
• Broader content inventory (mix of types beyond article) is a worthwhile follow-up to make the "featured" framing earn its keep

Test plan

• Build passes locally and in CI (Jekyll + htmlproofer)
• With multiple entries: arrows and dots navigate between items; wraps at ends
• With a single entry: controls are hidden, renders as before
• Without JS: all items render stacked, no broken controls visible
• Mobile / small viewport: controls stay reachable as slide height changes
• Verify second entry (whoarewe, no image) renders correctly

🤖 Generated with Claude Code

[Copilot]

Pull request overview

This PR turns the homepage “Now” section into a progressively-enhanced carousel: without JavaScript it renders as a stacked list, and with JavaScript it becomes a single-slide view with previous/next controls and dot indicators.

Changes:

• Update index.md to render Now entries in reverse order, add carousel markup/controls, and optionally display an entry date.
• Add a small JS controller (now-carousel.js) to manage active slide/dot state and wraparound navigation.
• Extend site CSS to style the framed “featured” container and the carousel controls/dots.

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 1 comment.

File	Description
index.md	Replaces the Now list with carousel markup (controls + slides), reverses item order, and adds optional date rendering.
assets/js/now-carousel.js	Implements the JS behavior (adds .js-enabled, toggles .is-active, updates aria-current).
assets/css/style.css	Adds framing + carousel styles and renames the meta class from .now-type to .now-meta.
_data/now.yml	Updates metadata (type, new date) and adds an additional Now entry.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.