/* homeparts.jsx — home page enrichment: LoopHero (water-world loop, one charge, parts animate as it arrives), ShelfBand (nine parts, glyphs animate as the charge passes), FinaleBand (certificate ending). Styles in home.css. */ function HomeLoopHero() { const chargePath = "M40 165 L40 76 Q40 50 66 50 L394 50 Q420 50 420 76 L420 254 Q420 280 394 280 L66 280 Q40 280 40 254 Z"; return ( ); } const SHELF_PARTS = [ { name: "Battery", tag: "the pump", g: }, { name: "Resistor", tag: "the pinch", g: }, { name: "LED", tag: "the wheel", g: }, { name: "Capacitor", tag: "the bucket", g: }, { name: "Switch", tag: "the valve", g: }, { name: "Transistor", tag: "the gate", g: }, { name: "Diode", tag: "one-way door", g: }, { name: "Inductor", tag: "the flywheel", g: }, { name: "The 555", tag: "the metronome", g: 555 }, ]; function ShelfBand({ kids }) { return (
the cast · nine parts, one course

Every part on this shelf, understood — then wired.

{SHELF_PARTS.map((p, i) => (
{p.name} {p.tag}
))}

{kids ? "Each one gets the same treatment: watch it as water, guess what it does, then build it for real." : "Each one gets the same treatment: watch it as water, predict what it does, then wire it on a real breadboard."} {" "}Hover any part — each gets its own chapter.

); } const HG_ICONS = [ , , , , ]; function FinaleBand({ resumeHref, ctaLabel }) { return (
and when you're done

Leave with a device and the paper to prove it.

Pass the Level 1 exam for your Apprentice certificate; wire the beacon and pass Level 2 for Engineer. Free, printable, earned — no account needed.

certificate · level 2

Fathohm Engineer

Awarded for the design, spec, and hand-wired build of a working signal beacon. Timing chosen, resistors sized, circuit debugged by the bearer.

NO. 0001 · FATHOHM.COM

); } Object.assign(window, { HomeLoopHero, ShelfBand, FinaleBand, HG_ICONS });