/** * rCal demo page — server-rendered HTML body. * * Embeds the full component for * real interactivity (month/week/day views, navigation, lunar overlay, * source filtering, event modals, keyboard shortcuts) plus showcase * sections explaining the rCal vision. */ const FEATURES = [ { icon: "\u{1F50D}", title: "Temporal Zoom", desc: "Navigate seamlessly from geological eras down to individual minutes. The calendar adapts its grid density and label fidelity at every level.", }, { icon: "\u{1F30D}", title: "Spatial Context", desc: "Events are location-aware. Zoom the map and the calendar filters to show only events within the visible region.", }, { icon: "\u{1F319}", title: "Lunar Cycles", desc: "Overlay moon phases, tidal patterns, and seasonal markers. Useful for agriculture, ceremony, and natural rhythm tracking.", }, { icon: "\u{1F4C5}", title: "Multi-Calendar", desc: "Layer Gregorian, Islamic, Hebrew, Chinese, and custom community calendars. Cross-reference events across time systems.", }, ]; const INTEGRATIONS = [ { icon: "\u{1F5FA}", name: "rTrips", desc: "Travel itineraries surface as calendar events with departure/arrival times and locations." }, { icon: "\u{1F30D}", name: "rMaps", desc: "Events appear on the map. Zoom the map and the calendar filters to show only visible events." }, { icon: "\u{1F465}", name: "rNetwork", desc: "See availability across your network. Coordinate meetings without back-and-forth." }, { icon: "\u{1F4DD}", name: "rNotes", desc: "Link notes to calendar events. Meeting agendas, daily journals, and retrospective logs." }, { icon: "\u{1F4B0}", name: "rFunds", desc: "Budget reviews, treasury flows, and governance votes appear on the calendar timeline." }, { icon: "\u2615\uFE0F", name: "rSpace", desc: "Each space has its own calendar layer. Nest calendars across spaces for cross-community coordination." }, ]; const ZOOM_LEVELS = [ "Era", "Century", "Decade", "Year", "Quarter", "Month", "Week", "Day", "Hour", "Minute", ]; export function renderDemo(): string { return `

Multi-Dimensional Calendar

rCal Demo

Temporal coordination with lunar cycles, spatial context, and multi-scale zoom

\u{1F50D} Temporal Zoom | \u{1F30D} Spatial Context | \u{1F319} Lunar Cycles | \u{1F4C5} Multi-Calendar

1 2 3 Day / Week / Month \u00B7 \u2190 \u2192 Navigate \u00B7 L Lunar \u00B7 T Today

\u{1F50D} Temporal Zoom

Navigate across 10 temporal granularities. The calendar adapts its grid at each level — from geological eras to individual minutes.

${ZOOM_LEVELS.map( (level) => { const isActive = level === "Month"; return `

${level}${isActive ? " \u25C0" : ""}

`; }, ).join("\n ")}

${FEATURES.map( (f) => `

${f.icon}

${f.title}

${f.desc}

`, ).join("")}

r* Ecosystem Integrations

${INTEGRATIONS.map( (i) => `

${i.icon}

${i.name}

${i.desc}

`, ).join("")}

Coordinate in Time & Space

rCal layers temporal zoom, spatial context, and lunar cycles into a single calendar. Plan events that respect natural rhythms and local conditions.

Create Your Space

`; }