// Article cover SVG motifs — abstract editorial illustrations // One per article based on its `motif` field. const Motif = ({ kind, accent = "#00C853" }) => { const ink = "rgba(255,255,255,0.92)"; const sub = "rgba(255,255,255,0.45)"; switch (kind) { case "chip": return ( B200 {[0,1,2,3,4,5,6,7].map(i => ( ))} ); case "wafer": return ( {Array.from({length: 11}).map((_, r) => Array.from({length: 11}).map((_, c) => ( )) )} ); case "reactor": return ( ); case "graph": return ( {[60, 100, 140, 180].map(y => )} {[[80,170],[150,135],[220,98],[300,65]].map(([x,y], i) => ( ))} ); case "lens": return ( ); case "curve": return ( plateau ? ); case "joints": return ( {[[0,-50],[0,-20],[-30,0],[30,0],[0,20],[-15,60],[15,60]].map(([x,y], i) => )} ); case "stack": return ( {[0,1,2,3].map(i => ( ))} ); case "wave": return ( {[0,1,2,3,4].map(i => ( ))} ); case "nodes": return ( {[[120,80],[280,80],[200,140],[100,180],[300,180],[200,60]].map(([x,y], i) => [[120,80],[280,80],[200,140],[100,180],[300,180],[200,60]].slice(i+1).map(([x2,y2], j) => ) )} {[[120,80],[280,80],[200,140],[100,180],[300,180],[200,60]].map(([x,y], i) => )} ); case "globe": return ( {[0,30,60,90,120,150].map(deg => )} {[-40,-20,0,20,40].map(y => )} ); case "bars": return ( {[60,100,80,140,110,170,130].map((h, i) => ( ))} ); default: return null; } }; window.Motif = Motif;