/* eslint-disable */ /* =============================================================== Shared SVG assets — train silhouette, train ticket, swedish flag, metal sigils, watercolor placeholder, Jan portrait placeholder, Swish QR placeholder. All hand-drawn here are simple/iconographic by design system rules. =============================================================== */ const TrainIcon = ({ size = 56, color = "currentColor" }) => ( {/* engraved steam locomotive — minimal silhouette */} {/* main boiler */} {/* cab */} {/* smoke stack */} {/* dome */} {/* headlamp */} {/* cowcatcher */} {/* big driving wheel */} {/* small wheel */} {/* coupling rod */} {/* rail */} {/* steam puffs */} ); const TrainLong = ({ width = 600, color = "currentColor" }) => ( {/* loco */} {/* tender */} {/* car 1 */} {/* car 2 */} {/* steam */} {/* rail */} ); const Ornament = ({ color = "currentColor", size = 18 }) => ( ); const SwedishFlag = ({ size = 14 }) => ( ); const CanadaFlag = ({ size = 14 }) => ( ); const MexicoFlag = ({ size = 14 }) => ( ); const EthiopiaFlag = ({ size = 14 }) => ( ); const USFlag = ({ size = 14 }) => ( {[0,2,4,6,8].map(y => )} ); const FlagFor = ({ country, size = 14 }) => { const map = { Sverige: SwedishFlag, Kanada: CanadaFlag, Mexiko: MexicoFlag, Etiopien: EthiopiaFlag, USA: USFlag }; const C = map[country] || SwedishFlag; return ; }; /* Metal sigil — Ag / Au — minimal alchemical-style mark */ const MetalSigil = ({ metal, size = 26, color = "currentColor" }) => { if (metal === "Au" || metal === "guld") { return ( ); } // Silver — crescent return ( ); }; /* Decorative corner flourish — for ticket-stub */ const CornerFlourish = ({ color = "currentColor" }) => ( ); /* Watercolor placeholder — engraved woodcut of a Falun-red cottage in snow. Hand-built SVG with cross-hatching, no emoji. */ const WatercolorPlaceholder = ({ caption = "Akvarell — röd stuga, fotspår i snö", height = 280 }) => (
{/* Sky hatching — diagonal lines, sparse */} {/* Ground hatching — horizontal lines for snow shadows */} {/* Falun-red cross-hatch — for the cottage walls */} {/* Roof darker hatch */} {/* Tree foliage hatch */} {/* Sky — warm parchment with sparse hatching */} {/* Ground / snow line */} {/* Distant tree line — woodcut style fir trees */} {/* Larger fir tree — left foreground */} {/* The Falun-red stuga — centered */} {/* Main wall */} {/* Roof — pitched */} {/* Roof line */} {/* Chimney */} {/* Door */} {/* Step */} {/* Windows — six-pane, white frames glowing warm */} {[155, 230].map(x => ( {/* Warm glow inside */} ))} {/* Snow on roof — soft cap */} {/* Snow ledges on windows */} {/* Smoke from chimney — woodcut curl */} {/* Footprints in snow — leading toward the door */} {[[80, 245],[100, 235],[120, 240],[140, 230],[160, 235],[178, 228]].map(([x, y], i) => ( ))} {/* Fence posts — far right */} {[290, 305, 320, 335, 350].map(x => ( ))} {/* Falling snow — sparse dots */} {[[40,40],[80,25],[130,55],[200,30],[280,50],[330,20],[370,60],[60,85],[170,80],[250,95],[310,90],[380,110]].map(([x,y],i)=>( ))} {/* Vignette frame */} {/* Caption strip */}
{caption}
); /* Jan portrait placeholder — close-crop, glasses, on teal */ const JanPortrait = ({ size = 240 }) => (
{/* engraved hatching background */} {/* shoulders */} {/* neck */} {/* head */} {/* hair — silver, side-parted */} {/* glasses */} {/* eyes behind glasses */} {/* nose */} {/* mouth — slight smile */} {/* engraved cross-hatching for shading */} {/* corners */}
); /* Swish QR placeholder */ const SwishQR = ({ size = 200 }) => { // generate a deterministic-looking QR pattern (decorative only) const cells = 21; const pattern = []; for (let i = 0; i < cells * cells; i++) { // pseudo-random based on position pattern.push((i * 73 + 17) % 7 < 3 ? 1 : 0); } // finder patterns const finder = (gx, gy) => { for (let y = 0; y < 7; y++) for (let x = 0; x < 7; x++) { const idx = (gy + y) * cells + (gx + x); const onBorder = (x === 0 || x === 6 || y === 0 || y === 6); const inner = (x >= 2 && x <= 4 && y >= 2 && y <= 4); pattern[idx] = onBorder || inner ? 1 : 0; } }; finder(0, 0); finder(14, 0); finder(0, 14); // quiet zone in center for swish wordmark — no, leave clean return (
{pattern.map((c, i) => c ? ( ) : null)}
Swish · 0706010671
); }; /* Ticket-stub border — perforated edge effect */ const TicketStub = ({ children, accent = "var(--gold)" }) => (
{/* perforations on left */}
{children}
); Object.assign(window, { TrainIcon, TrainLong, Ornament, SwedishFlag, CanadaFlag, MexicoFlag, EthiopiaFlag, USFlag, FlagFor, MetalSigil, CornerFlourish, WatercolorPlaceholder, JanPortrait, SwishQR, TicketStub, });