/* ============================================================ chrome.jsx — Nav + Footer shared across all pages. Depends on lib.jsx + i18n.jsx globals. ============================================================ */ function currentPage() { const p = location.pathname.split("/").pop(); return !p || p === "" ? "index.html" : p; } /* ---------- small inline icons (Lucide-style, thin) ---------- */ function IconSun() { return ( ); } function IconMoon() { return ( ); } function SocialIcon({ label, size = 17 }) { const common = { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.7, strokeLinecap: "round", strokeLinejoin: "round" }; const k = String(label).toLowerCase(); if (k.includes("insta")) return (); if (k.includes("you")) return (); if (k.includes("linked")) return (); if (k.includes("tik")) return (); if (k.includes("face")) return (); if (k.includes("x") || k.includes("twit")) return (); return (); } function LangToggle({ onDark = false }) { const lang = useLang(); const ink = onDark ? "#F4F1EA" : "var(--foreground)"; const soft = onDark ? "rgba(244,241,234,0.55)" : "var(--muted-foreground)"; return (
{["pl", "en"].map((l) => ( ))}
); } function ThemeToggle({ onDark = false }) { const [theme, set] = useTheme(); const ink = onDark ? "#F4F1EA" : "var(--foreground)"; return ( ); } /* ---------- Navbar ---------- */ function Nav() { const tx = useTx(); const [theme] = useTheme(); const [open, setOpen] = useState(false); const here = currentPage(); const logo = theme === "dark" ? "assets/logo-lockup-reversed.png" : "assets/logo-lockup.png"; return (
Mateusz Bielecki Studios
{ e.currentTarget.style.background = "var(--primary)"; e.currentTarget.style.color = "var(--primary-foreground)"; }} onMouseLeave={(e) => { e.currentTarget.style.background = "var(--foreground)"; e.currentTarget.style.color = "var(--background)"; }}> {tx(CTA)}
{/* mobile drawer */} {open && (
{tx(CTA)}
)}
); } /* ---------- Footer ---------- */ function SiteFooter() { const tx = useTx(); const [sent, setSent] = useState(false); const moreLinks = [ { label: FOOTER.panelLink, href: BRAND.panel, arrow: true }, { label: FOOTER.privacy, href: "polityka-prywatnosci.html" }, // { label: FOOTER.terms, href: "regulamin.html" }, // ukryte tymczasowo ]; return ( ); } /* ---------- Cookie banner + floating preferences button ---------- */ function CookieBanner() { const tx = useTx(); const [choice, setChoice] = useState(() => { try { return localStorage.getItem("mb_cookie"); } catch (e) { return null; } }); const [open, setOpen] = useState(false); useEffect(() => { if (!choice) { const t = setTimeout(() => setOpen(true), 600); return () => clearTimeout(t); } }, []); const choose = (v) => { try { localStorage.setItem("mb_cookie", v); } catch (e) {} setChoice(v); setOpen(false); }; if (!open) { if (!choice) return null; return ( ); } return (
{choice && ( )}
{tx({ pl: "Ciasteczka", en: "Cookies" })}

{tx({ pl: "Używam plików cookie, aby strona działała i żebym mógł ją ulepszać. Szczegóły w ", en: "I use cookies to run the site and to improve it. Details in the " })} {tx({ pl: "polityce prywatności", en: "privacy policy" })}.

); } Object.assign(window, { Nav, SiteFooter, LangToggle, ThemeToggle, CookieBanner }); /* Auto-mount the cookie banner once per page, independent of each page's App. */ (function mountCookieBanner() { if (document.getElementById("mb-cookie-root")) return; const el = document.createElement("div"); el.id = "mb-cookie-root"; document.body.appendChild(el); ReactDOM.createRoot(el).render(); })();