{/* vertical rule + text down the left edge */}

ST. CHROMA — Chromakopia / 28.10.24

{/* big sphere "mask" in top right behind title */} {/* chevron stack — military stripe */} {/* shipping container / truck silhouette bottom-left */} {/* container ribs */} {/* dotted target ring right side */} {/* asterisk stars */} {[ { top: 320, left: 30, r: -10 }, { top: 540, right: 60, r: 12 }, { bottom: 220, left: 26, r: 0 }, ].map((p, i) => ( ))} {/* stenciled side label bottom-right */}

· CH. II · MASK ON ·

); } // ═══════════════════════════════════════════════════════════════ // III · London — bus, big ben, tube roundel, telephone box, // black taxi, umbrella, sun. // ═══════════════════════════════════════════════════════════════ function LondonOrnaments() { const ink = 'rgba(60,40,20,0.42)'; const red = 'rgba(170,40,50,0.50)'; const blue = 'rgba(40,80,140,0.50)'; const yellow = 'rgba(200,150,70,0.65)'; return (

{/* Sun top-right */} {Array.from({ length: 12 }).map((_, i) => { const a = (i / 12) * Math.PI * 2; const x1 = 50 + Math.cos(a) * 30; const y1 = 50 + Math.sin(a) * 30; const x2 = 50 + Math.cos(a) * 42; const y2 = 50 + Math.sin(a) * 42; return ; })} {/* Big Ben — left middle */} {/* tower windows */} {/* spire */} {/* Double-decker bus — bottom-right */} {/* upper windows */} {/* lower deck divider */} {/* lower windows */} {/* wheels */} {/* Tube roundel — top-left under title */} UNDERGROUND {/* Phone box — middle right */} TELEPHONE {/* window grid */} {/* Umbrella bottom-left */} {/* Black taxi — left bottom */} {/* taxi light */} {/* Crown top center */} {/* Noodle bowl (master wei) — mid-left */} {/* noodle squiggles */} {/* chopsticks */} {/* steam */} {/* Duck silhouette bottom center */} {/* water ripples */} {/* Stack of books — UCL library nod, top-right under sun */} {/* bookmark */} {/* Tea cup bottom-left */} {/* Raindrops scattered */} {[ { top: 130, left: 220, r: -10 }, { top: 380, left: 320, r: -8 }, { top: 60, right: 200, r: -5 }, { bottom: 60, right: 60, r: -12 }, { top: 460, right: 280, r: -6 }, ].map((p, i) => ( ))} {/* London Eye — top middle */} {Array.from({ length: 24 }).map((_, i) => { const a = (i / 24) * Math.PI * 2; const x1 = 70 + Math.cos(a) * 8; const y1 = 70 + Math.sin(a) * 8; const x2 = 70 + Math.cos(a) * 56; const y2 = 70 + Math.sin(a) * 56; return ; })} {Array.from({ length: 12 }).map((_, i) => { const a = (i / 12) * Math.PI * 2; const cx = 70 + Math.cos(a) * 60; const cy = 70 + Math.sin(a) * 60; return ; })} {/* supports */} {/* Tea cup + saucer — middle left */} {/* handle */} {/* steam */} {/* Noodle bowl — Master Wei */} {/* noodles squiggles */} {/* chopsticks */} {/* Pigeon silhouette */} {/* Crown — small flourish */}

); } // ═══════════════════════════════════════════════════════════════ // IV · Beach — sun, palm fronds, waves, beach umbrella, shells // ═══════════════════════════════════════════════════════════════ function BeachOrnaments() { const sun = 'rgba(218,140,70,0.55)'; const sea = 'rgba(70,120,150,0.45)'; const palm = 'rgba(80,110,70,0.50)'; const sand = 'rgba(150,110,70,0.45)'; const ink = 'rgba(60,40,20,0.50)'; return (

{/* big sun top-center-right */} {Array.from({ length: 14 }).map((_, i) => { const a = (i / 14) * Math.PI * 2; const x1 = 60 + Math.cos(a) * 34; const y1 = 60 + Math.sin(a) * 34; const x2 = 60 + Math.cos(a) * 52; const y2 = 60 + Math.sin(a) * 52; return ; })} {/* palm fronds left */} {[0, 1, 2, 3, 4].map((i) => ( ))} {/* beach umbrella bottom-right */} {/* wave squiggles bottom */} {/* extra sun mid */} {Array.from({ length: 10 }).map((_, i) => { const a = (i / 10) * Math.PI * 2; const x1 = 28 + Math.cos(a) * 14; const y1 = 28 + Math.sin(a) * 14; const x2 = 28 + Math.cos(a) * 24; const y2 = 28 + Math.sin(a) * 24; return ; })} {/* sea shell bottom left */} {/* HK junk boat — red sails, mid-right */} {/* hull */} {/* masts */} {/* big sail */} {/* small sail */} {/* Guitar bottom-left */} {/* strings */} {/* frets */} {/* Pineapple cocktail middle */} {/* glass */} {/* pineapple wedge */} {/* straw */} {/* cherry */} {/* Neon-sign-style hand text — "HK summer" */}

~ summer ~

{/* Firework burst top-right */} {Array.from({ length: 14 }).map((_, i) => { const a = (i / 14) * Math.PI * 2; const x2 = 40 + Math.cos(a) * 34; const y2 = 40 + Math.sin(a) * 34; const x1 = 40 + Math.cos(a) * 12; const y1 = 40 + Math.sin(a) * 12; const colors = ['rgba(255,140,180,0.8)', 'rgba(255,210,90,0.8)', 'rgba(140,210,255,0.8)', 'rgba(180,140,250,0.8)']; return ; })} {Array.from({ length: 14 }).map((_, i) => { const a = (i / 14) * Math.PI * 2; const x = 40 + Math.cos(a) * 38; const y = 40 + Math.sin(a) * 38; return ; })} {/* Disney castle silhouette small */} {/* mahjong-tile-style small frame */} {/* Disneyland castle — top left */} {/* center spire */} {/* side spires */} {/* gate */} {/* windows */} {/* Horse silhouette (races) — bottom middle */} {/* mane */} {/* tail */} {/* Acoustic guitar — middle right */} {/* neck */} {/* head */} {/* frets */} {/* strings */} {/* bridge */} {/* Blokus squares — bottom */} {/* L-piece red */} {/* blue 2x2 */} {/* yellow T */} {/* green stair */} {/* Playing card */} A A {/* Pair of dice */}

); } // ═══════════════════════════════════════════════════════════════ // VI · Music of the Spheres — planets, orbital arcs, confetti stars // ═══════════════════════════════════════════════════════════════ function SpheresOrnaments() { const yellow = '#ffd86a'; const pink = '#ff8fb0'; const blue = '#8ad4ff'; const purple = '#b08cff'; const green = '#9ee0a8'; const orange = '#ffb47a'; const orbit = 'rgba(255, 230, 200, 0.32)'; return (

{/* Big "sun" / yellow planet top-right */} {/* concentric orbital arcs spanning the section, center-ish */} {/* pink planet left middle */} {/* ringed planet (saturn-like) mid right */} {/* small blue planet bottom-center-left */} {/* purple moon bottom-right */} {/* tiny green planet top-left */} {/* 4-point stars sprinkled */} {[ { top: 120, left: 240, s: 18, o: 0.9 }, { top: 380, right: 260, s: 22, o: 1 }, { bottom: 320, left: 140, s: 14, o: 0.85 }, { bottom: 220, right: 60, s: 18, o: 0.95 }, { top: 60, left: '40%', s: 12, o: 0.7 }, { top: 480, left: 90, s: 12, o: 0.7 }, { bottom: 60, left: '45%', s: 16, o: 0.85 }, ].map((p, i) => ( ))} {/* hieroglyph-y stripe bottom */}

◯ ✦ ◐ · MUSIC · OF · THE · SPHERES · ◐ ✦ ◯

); } // ═══════════════════════════════════════════════════════════════ // VII · Christmas — snowflakes, holly, pine trees, baubles // ═══════════════════════════════════════════════════════════════ function ChristmasOrnaments() { const red = 'rgba(180,40,50,0.55)'; const green = 'rgba(40,110,60,0.60)'; const gold = 'rgba(180,140,60,0.65)'; return (

{/* pine tree left */} {/* ornaments */} {/* second smaller tree bottom-right */} {/* snowflakes */} {[ { top: 80, right: 80, s: 28, r: 0 }, { top: 360, left: 80, s: 22, r: 15 }, { top: 220, right: 60, s: 18, r: -10 }, { bottom: 200, left: 220, s: 24, r: 10 }, { top: 540, right: 200, s: 20, r: -20 }, { bottom: 60, right: 220, s: 16, r: 30 }, { top: 460, left: 'calc(50% - 100px)', s: 20, r: 25 }, ].map((p, i) => { const c = p.s; return ( {Array.from({ length: 6 }).map((_, j) => { const a = (j / 6) * Math.PI * 2; const x = c + Math.cos(a) * c * 0.9; const y = c + Math.sin(a) * c * 0.9; const bx1 = c + Math.cos(a) * c * 0.55; const by1 = c + Math.sin(a) * c * 0.55; const bx2 = c + Math.cos(a + 0.35) * c * 0.4; const by2 = c + Math.sin(a + 0.35) * c * 0.4; const bx3 = c + Math.cos(a - 0.35) * c * 0.4; const by3 = c + Math.sin(a - 0.35) * c * 0.4; return ( ); })} ); })} {/* holly cluster top-left */} {/* hanging bauble top-right */} {/* second bauble */}

); } // ═══════════════════════════════════════════════════════════════ // VIII · Tennis / cocktails / breakfast // ═══════════════════════════════════════════════════════════════ function TennisOrnaments() { const ball = 'rgba(180,200,80,0.70)'; const ballStroke = 'rgba(120,140,60,0.65)'; const ink = 'rgba(60,40,20,0.50)'; const coffee = 'rgba(110,70,40,0.55)'; const cocktail = 'rgba(80,130,160,0.55)'; const yellow = 'rgba(218,180,70,0.65)'; return (

{/* tennis ball top-right (big) */} {/* tennis racket top-left of body */} {/* strings */} {/* handle */} {/* grip wrap */} {Array.from({ length: 7 }).map((_, i) => ( ))} {/* cocktail / martini glass right middle */} {/* olive */} {/* surface ellipse */} {/* coffee cup bottom-left */} {/* handle */} {/* steam */} {/* pancake stack bottom-right */} {/* butter */} {/* syrup drips */} {/* lemon slice middle */} {Array.from({ length: 8 }).map((_, i) => { const a = (i / 8) * Math.PI * 2; const x1 = 35 + Math.cos(a) * 6; const y1 = 35 + Math.sin(a) * 6; const x2 = 35 + Math.cos(a) * 22; const y2 = 35 + Math.sin(a) * 22; return ; })} {/* small extra ball */} {/* Tennis net — across mid section */} {/* poles */} {/* top band */} {/* mesh — vertical */} {Array.from({ length: 30 }).map((_, i) => ( ))} {/* mesh — horizontal */} {Array.from({ length: 6 }).map((_, i) => ( ))} {/* base line */} {/* Fried egg — bottom-left */} {/* Croissant — top middle */} {/* Sunglasses — top left */} {/* glare */} {/* Hotel keycard — middle */} ROOM 1208 {/* chip */}

); } // ═══════════════════════════════════════════════════════════════ // I · Sicily — Wizz plane, cypress trees, pizza slice, arancini, // lemon, espresso, vespa, train, cable car, sun. // ═══════════════════════════════════════════════════════════════ function SicilyOrnaments() { const ink = 'rgba(60,40,20,0.55)'; const olive = 'rgba(90,110,60,0.60)'; const lemon = 'rgba(218,180,70,0.70)'; const tomato = 'rgba(180,60,50,0.55)'; const wizz = 'rgba(200,80,140,0.45)'; const sea = 'rgba(80,130,160,0.45)'; const cream = 'rgba(245,238,224,0.85)'; return (

{/* Sun upper right */} {Array.from({ length: 12 }).map((_, i) => { const a = (i / 12) * Math.PI * 2; const x1 = 52 + Math.cos(a) * 30; const y1 = 52 + Math.sin(a) * 30; const x2 = 52 + Math.cos(a) * 44; const y2 = 52 + Math.sin(a) * 44; return ; })} {/* Wizz Air plane — top, descending */} {/* tail fin */} {/* windows */} {Array.from({ length: 8 }).map((_, i) => ( ))} {/* contrail */} {/* Cypress trees — left margin column */} {/* Pizza slice — middle right */} {/* pepperoni */} {/* basil */} {/* crust shading */} {/* Arancini — bottom-center-left */} {/* breading dots */} {Array.from({ length: 32 }).map((_, i) => { const x = 12 + (i % 8) * 7 + ((Math.floor(i / 8) % 2) * 3); const y = 18 + Math.floor(i / 8) * 14; return ; })} {/* highlight */} {/* Lemon with leaf — bottom-right */} {/* nipple tips */} {/* pores */} {Array.from({ length: 20 }).map((_, i) => { const x = 12 + (i % 5) * 14; const y = 28 + Math.floor(i / 5) * 8; return ; })} {/* leaf */} {/* Espresso cup — left side mid */} {/* saucer */} {/* steam */} {/* Vespa silhouette — middle */} {/* body */} {/* front shield */} {/* handlebar */} {/* seat */} {/* Cable car — middle-right */} {/* support cable */} {/* hanger */} {/* gondola */} {/* roof handles */} {/* Olive branch — bottom-left */} {[20, 40, 60, 80, 100, 120, 140].map((x, i) => ( ))} {/* Small map of Sicily (rough triangle) — corner */} ORTIGIA · SICILIA ·

); } // ═══════════════════════════════════════════════════════════════ // V · Graduation — mortar board, diploma, columns, champagne, // flowers, books, gold confetti. // ═══════════════════════════════════════════════════════════════ function GraduationOrnaments() { const ink = 'rgba(60,40,20,0.55)'; const gold = 'rgba(201,169,97,0.75)'; const goldDim = 'rgba(201,169,97,0.40)'; const navy = 'rgba(45,55,90,0.65)'; const blush = 'rgba(232,196,184,0.65)'; const sage = 'rgba(140,156,118,0.65)'; return (

{/* Mortar board with tassel — top right */} {/* head */} {/* cap brim */} {/* top board */} {/* tassel button */} {/* tassel string */} {/* tassel threads */} {/* Diploma scroll — left mid */} {/* lines of text */} {/* curled ends */} {/* ribbon */} {/* gold seal */} {/* Greek column — left */} {/* base */} {/* shaft */} {/* flutes */} {[18, 24, 30, 36, 42].map((x, i) => ( ))} {/* capital */} {/* ionic volute curls */} {/* pediment hint */} {/* Champagne flutes — bottom right, clinking */} {/* left flute */} {/* right flute */} {/* bubbles */} {/* clink spark */} {/* Bouquet — middle right */} {/* paper wrap */} {/* flowers */} {/* leaves */} {/* ribbon */} {/* Stack of books — bottom-left */} {/* gold lettering hint */} {/* bookmark */} {/* Confetti / sparkles scattered */} {[ { top: 110, left: 240, r: 12, c: gold }, { top: 170, left: 380, r: -25, c: blush }, { top: 330, left: 400, r: 8, c: sage }, { top: 480, right: 200, r: 14, c: gold }, { bottom: 280, right: 320, r: -10, c: blush }, { bottom: 200, left: 320, r: 20, c: gold }, { top: 60, left: 220, r: 0, c: navy }, { bottom: 380, left: 60, r: 18, c: gold }, { top: 380, left: 200, r: 30, c: blush }, ].map((p, i) => ( ))} {/* Stars sprinkled */} {[ { top: 280, left: '40%', s: 10 }, { bottom: 240, right: 100, s: 8 }, { top: 420, right: 320, s: 12 }, ].map((p, i) => ( ))} {/* "MMXXV" little flourish */}

· MMXXV · BA · UCL ·

); } // ═══════════════════════════════════════════════════════════════ // Dispatch // ═══════════════════════════════════════════════════════════════ function ChapterOrnaments({ theme }) { switch (theme) { case 'sicily': return ; case 'chromakopia': return ; case 'london': return ; case 'beach': return ; case 'graduation': return ; case 'spheres': return ; case 'christmas': return ; case 'tennis': return ; default: return null; } } window.ChapterOrnaments = ChapterOrnaments;