/* Dexilion — case study: arrow routing for Excalidraw.
One page per case study; copy lives in SITE.caseStudies.excalidraw. */
(function () {
const { Button } = window;
const {
Ico,
Grain,
Grid,
Eyebrow,
Shell,
tx,
SiteHeader,
PageHero,
ConversionBand,
SiteFooter,
} = window;
const CS = () => window.SITE.caseStudies.excalidraw;
/* The mono particulars strip under the masthead — facts, not adjectives. */
function Facts() {
const c = CS();
return (
{c.facts.map((f, i) => (
{f.label}
{tx(f.value)}
))}
);
}
/* The recording sits directly under the masthead, then the framing prose at
the brand's 720px measure. One band, because they are one thought. */
function Opening() {
const c = CS();
return (
{tx(c.media.caption)}
{c.intro.map((p, i) => (
{tx(p)}
))}
);
}
/* The four constraints as a ruled list — the brand's default for "here are
our N things". Numbered in mono, titled in serif, no card grid. */
function Constraints() {
const c = CS().constraints;
return (
{c.eyebrow}
{c.heading}
{tx(c.lede)}
{c.items.map((item, i) => (
{String(i + 1).padStart(2, "0")}
{tx(item)}
))}
{tx(c.note)}
);
}
function Approach() {
const a = CS().approach;
return (
{a.eyebrow}
{a.heading}
{a.body.map((p, i) => (
{tx(p)}
))}
{tx(a.quote)}
);
}
function Outcome() {
const o = CS().outcome;
return (
{o.eyebrow}
{o.heading}
{o.body.map((p, i) => (
{tx(p)}
))}
{o.stats.map((s, i) => (
{tx(s.value)}
{tx(s.label)}
))}
);
}
function Page() {
const c = CS();
return (
);
}
mountPage();
})();
