// site-marks.jsx — the three candidate logo SYMBOLS, all accent-driven so the
// Tweaks accent recolors them. Paired with the Exo 2 wordmark in nav/footer.
// Exports: MarkAperture, MarkBracketFrame, SiteMark. (MarkRing comes from marks.jsx.)
function _arc(cx, cy, r, a0, a1) {
const rad = (d) => (d * Math.PI) / 180;
const x0 = (cx + r * Math.cos(rad(a0))).toFixed(2), y0 = (cy + r * Math.sin(rad(a0))).toFixed(2);
const x1 = (cx + r * Math.cos(rad(a1))).toFixed(2), y1 = (cy + r * Math.sin(rad(a1))).toFixed(2);
const large = (a1 - a0) % 360 > 180 ? 1 : 0;
return `M${x0} ${y0} A${r} ${r} 0 ${large} 1 ${x1} ${y1}`;
}
// Unified aperture — four arc segments with gaps; the bottom-right segment is accented.
// Thicker stroke + wider gaps (±26° sweep ⇒ ~38° gaps) for a bolder, clearer mark.
function MarkAperture({ s = 26, c = '#0a2a6b', a = '#e8a900' }) {
const segs = [45, 135, 225, 315]; // segment centers (y-down)
const accentCenter = 45; // bottom-right
return (
);
}
// Bracket frame — two square brackets around a filled accent node.
function MarkBracketFrame({ s = 26, c = '#0a2a6b', a = '#e8a900' }) {
return (
);
}
// Selector used in nav/footer. kind: 'Ring' | 'Aperture' | 'Bracket'
function SiteMark({ kind = 'Ring', s = 26, c = '#0a2a6b', a = '#e8a900' }) {
if (kind === 'Aperture') return ;
if (kind === 'Bracket') return ;
return ;
}
// ── Department marks (from the brand-architecture family) ─────────
// development = brackets + node · research = spark · procurement = package
// w/ inbound arrow · funding = upward arrow. c = line color, a = accent.
function DeptIcon({ name, c = '#ffffff', a = '#f2b705', size = 30 }) {
const common = { width: size, height: size, fill: 'none' };
if (name === 'development') return (
);
if (name === 'research') return (
);
if (name === 'procurement') return (
);
if (name === 'funding') return (
);
if (name === 'secured') return (
);
return null;
}
Object.assign(window, { MarkAperture, MarkBracketFrame, SiteMark, DeptIcon });