/* global React */
// Shared site chrome: announcement, nav, footer, decorative SVG art
const { useState, useEffect } = React;
// ---------- Brand mark (uses the uploaded sparkle PNG, tinted via CSS filter) ----------
const BrandMark = ({ size = 24, color = "ink" }) => {
// color: "ink" = black (default), "cream" = inverted to near-white
const filter = color === "cream" ?
"invert(94%) sepia(8%) saturate(259%) hue-rotate(13deg) brightness(99%) contrast(89%)" :
"none";
return (
);
};
// Announcement bar removed in favor of Anthropic-style centered nav.
const Announcement = () => null;
const Nav = ({ active = "home" }) =>
;
const Footer = () =>
;
// ---------- Decorative art used in featured story / cta ----------
const RingsArt = () =>
;
const HeroSpark = () =>
;
const BrandMarkLarge = () =>
{[
[100, 32, 1.0],
[54, 56, 0.62],
[146, 56, 0.62],
[32, 100, 0.78],
[100, 100, 1.0],
[168, 100, 0.78],
[54, 144, 0.62],
[146, 144, 0.62],
[100, 168, 1.0]].
map(([cx, cy, s], i) =>
)}
;
// ---------- Editorial illustration placeholders for releases ----------
const ReleaseArt1 = () =>
// Topographic / threat-map feel
;
const ReleaseArt2 = () =>
// Stratified bands — compute layers
;
const ReleaseArt3 = () =>
// Map dots / sovereign jurisdictions
;
// Cyber-security illustration: secure Norwegian mountains under attestation
// rings, with the F1 mark at the secured core.
const HexMesh = () =>
;
Object.assign(window, {
BrandMark, Announcement, Nav, Footer,
RingsArt, HeroSpark,
ReleaseArt1, ReleaseArt2, ReleaseArt3,
HexMesh
});