Today's Highlight: daily-rotating insight on the home tab (v2.7.0)

[Varnasr]

Summary

Adds a Today's Highlight card at the top of the "What is This?" tab — a daily-rotating insight that surfaces one of 14 curated findings, with a CTA button that jumps straight to the relevant tab.

How rotation works

get todaysFeature() {
    const day = Math.floor(Date.now() / 86400000);
    return this.dailyFeatures[day % this.dailyFeatures.length];
}

• Deterministic — same day = same highlight for every visitor globally (no localStorage state, no server, no API call)
• Stable for the day — the highlight doesn't change if a user reloads
• Self-cycling — 14 features rotate over a fortnight, then repeat from the top

14 curated highlights

Categories cover: headline numbers, regime comparison ("UPA vs NDA: nine indicators side by side"), latest releases (RSF 2026), the decoupling story, methodology, hidden CSV series (communal incidents, cess share), peer democracy trajectories, graduate unemployment, the Correlation Explorer, and policy next steps.

Each highlight links to the most relevant tab (Deep Analysis, Scenario Lab, Human Stories, Methodology, etc.) — so the home page becomes a daily-changing entry point that pulls new visitors deeper into the site.

Visual

A gradient-bordered card (indigo → blue → purple) with:

• "TODAY'S HIGHLIGHT" pill + category label + ISO date
• Bold headline
• Short narrative
• Indigo "Jump to" CTA button
• Footnote: "Rotates daily · 14 total"

Test plan

• Open "What is This?" tab — gradient card visible at the top
• Today's date appears in the upper-right
• CTA button text reads like the highlight (e.g. "View decoupling chart")
• Clicking the CTA navigates to the named tab
• Reload — same highlight (date-deterministic)
• In DevTools console: Date.now = () => 86400000 * 5 then reload → highlight changes to index 5

---

Generated by Claude Code