// Dividers.jsx — mathematical diagram-style section dividers.
// Each divider is a full-bleed horizontal band with:
// · a 1px rule (TEF pattern)
// · mono axis labels + tick marks
// · a construction-line SVG plot
// · an eyebrow-labelled equation on the left
// Colors: electric lime for the curve, ember red for callouts, dust for gridlines.
function DividerFrame({ eyebrow, equation, caption, children, height = 220 }) {
return (
{eyebrow}
{children}
{caption}
);
}
// Power law — y = c · x^-α, the Moonshot thesis
function PowerLawDivider() {
// Plot y = 180 * x^(-0.7) on a 0–600 x range; invert y for SVG
const W = 900, H = 220, pad = 20;
const points = [];
for (let i = 1; i <= 60; i++) {
const x = i * 10;
const y = 180 * Math.pow(x / 10, -0.7);
const sx = pad + (x / 600) * (W - pad * 2);
const sy = H - pad - Math.min(y, H - pad * 2);
points.push([sx, sy]);
}
const path = 'M ' + points.map(p => p.map(n => n.toFixed(1)).join(' ')).join(' L ');
return (
);
}
// Orbital / Hohmann transfer — launch diagram
function OrbitalDivider() {
const W = 900, H = 220;
const cx = W / 2, cy = H / 2;
return (
);
}
// Signal / transmission — a sine + noise diagram, leading into Relay
function SignalDivider() {
const W = 900, H = 220, pad = 20;
const pts = [];
for (let i = 0; i <= 120; i++) {
const x = pad + (i / 120) * (W - 2 * pad);
const noise = (Math.sin(i * 0.7) + Math.sin(i * 1.37)) * 4;
const y = H / 2 + Math.sin(i / 4) * 40 + noise * (1 - Math.min(1, i / 80));
pts.push([x, y]);
}
const path = 'M ' + pts.map(p => p.map(n => n.toFixed(1)).join(' ')).join(' L ');
return (
);
}
Object.assign(window, { DividerFrame, PowerLawDivider, OrbitalDivider, SignalDivider });