// Shared utilities: icons, palette helpers, small reusable bits.
const Icon = {
Arrow: ({ size = 14, color = "currentColor" }) => (
),
Dot: ({ size = 8, color = "currentColor" }) => (
),
Lock: ({ size = 16, color = "currentColor" }) => (
),
Shield: ({ size = 16, color = "currentColor" }) => (
),
Server: ({ size = 16, color = "currentColor" }) => (
),
Code: ({ size = 16, color = "currentColor" }) => (
),
Doc: ({ size = 16, color = "currentColor" }) => (
),
Users: ({ size = 16, color = "currentColor" }) => (
),
Globe: ({ size = 16, color = "currentColor" }) => (
),
Check: ({ size = 16, color = "currentColor" }) => (
),
X: ({ size = 16, color = "currentColor" }) => (
),
Bold: ({ size = 14, color = "currentColor" }) => (
),
Italic: ({ size = 14, color = "currentColor" }) => (
),
Underline: ({ size = 14, color = "currentColor" }) => (
),
ListBullet: ({ size = 14, color = "currentColor" }) => (
),
ListNumber: ({ size = 14, color = "currentColor" }) => (
),
Quote: ({ size = 14, color = "currentColor" }) => (
),
Link: ({ size = 14, color = "currentColor" }) => (
),
Comment: ({ size = 14, color = "currentColor" }) => (
),
Chevron: ({ size = 14, color = "currentColor" }) => (
),
Github: ({ size = 16, color = "currentColor" }) => (
),
};
// "Civic" classification stamp, gives the page a sovereign-document feel
function ClassificationStamp({ label = "EU // SOVEREIGN", code = "DOC-CLS-01", color }) {
return (
{label}
·
{code}
);
}
// Civic numbering, large display numerals with a thin rule
function CivicNumeral({ n, color = "var(--accent)" }) {
return (
{String(n).padStart(2, "0")}
);
}
// Map of Europe, abstracted, made of dots. Used as a hero background motif.
function EuropeDots({ width = 320, height = 240, color, opacity = 1 }) {
// Hand-coded sparse grid of dots roughly outlining western/central Europe
// (purely decorative; not geographically accurate)
const dots = [
// British isles
[2,3],[2,4],[3,3],[3,4],[3,5],[2,5],
// Iberia
[3,9],[4,9],[4,10],[5,9],[5,10],[3,10],
// France
[5,7],[6,7],[6,8],[7,7],[7,8],[5,8],
// Italy
[9,8],[9,9],[10,9],[10,10],[10,11],
// Germany / Benelux
[7,5],[7,6],[8,5],[8,6],[8,7],[9,6],
// Nordics
[9,2],[9,3],[10,2],[10,3],[11,3],[11,4],[8,3],
// Eastern Europe
[10,5],[10,6],[11,5],[11,6],[11,7],[12,5],[12,6],[13,6],[12,7],
// Balkans
[11,8],[12,8],[11,9],[12,9],[10,8],
// Baltic / Poland
[9,4],[10,4],[11,4],
];
const cellW = width / 16;
const cellH = height / 13;
return (
);
}
// A tiny "stack" diagram: rectangles, labels, monospaced. Used in features.
function StackBlocks({ rows, ink, ink2, rule }) {
return (
{rows.map((r, i) => (
{String(i + 1).padStart(2, "0")}
{r.name}
{r.role}
))}