// marks.jsx — logo mark SVGs for MLOPS d.o.o.
// Each mark is a small inline SVG sized by `s` (height in px) and colored by
// `c` (primary) / `a` (accent). Exported to window for use in heroes + logo board.
// 1 — Pipeline ascent: four nodes stepping up, connected. The core business
// model (Fund→Procure→Train→Deploy) drawn as a rising signal.
function MarkAscent({ s = 28, c = '#fff', a = '#4f8ff7' }) {
const w = s * 1.18;
return (
);
}
// 2 — Bracketed monospace: terminal-flavored [ ] enclosure.
function MarkBracket({ s = 28, c = '#fff', a = '#4f8ff7' }) {
return (
);
}
// 3 — Flow bars: four vertical bars of increasing height = stages of value.
function MarkBars({ s = 28, c = '#fff', a = '#4f8ff7' }) {
return (
);
}
// 4 — M-node: an "M" formed by a connected node graph.
function MarkMNode({ s = 28, c = '#fff', a = '#4f8ff7' }) {
return (
);
}
// 5 — Star ring (EU motif) wrapping a node — European framing.
function MarkRing({ s = 30, c = '#0a2a6b', a = '#f4b400' }) {
const stars = [];
for (let i = 0; i < 12; i++) {
const ang = (i / 12) * Math.PI * 2 - Math.PI / 2;
stars.push();
}
return (
);
}
// 6 — Slash: ml/ops divider glyph, engineered + minimal.
function MarkSlash({ s = 28, c = '#fff', a = '#4f8ff7' }) {
return (
);
}
Object.assign(window, { MarkAscent, MarkBracket, MarkBars, MarkMNode, MarkRing, MarkSlash });