FP72 | Night Shift Code | FIT=C | Online courses | Retro
TECHNIQUES: scroll video hover focus keyboard 3d rotate front back filter reveal motion responsive contact font hero gsap lenis
BORN_HOOD_ADVICE: Retro computer module animation off brand.
DESIGN_SIGNATURE: 's colors] The design Make the site feel like learning at the kitchen table on a beige 1980s home computer. Fonts: Pixelify Sans for headlines and prices; Share Tech Mono for body text, labels and everything on screen. Colors: beige plastic #E7DFC8, case brown #8C7B5E for keys and trims, phosphor amber #FFB000 for screens and main buttons, screen black #121008 for text and dark panels, and a five-color rainbow stripe (#E23B2E, #F5A623, #F8E71C, #39B54A, #2E86DE) for underlines, badges and dividers. Buttons are chunky keycaps that press down; section labels read like drive paths (A:\CURRICULUM). Draw the computer carefully: a bevelled monitor with a curved amber screen, glow and scanlines, a base with a rainbow stripe and a floppy drive with a real slot, a keyboard and a smoked box of eight colored floppy disks. Order: hero (headline left, computer right); curriculum; projects as dot-matrix printouts held to an almond fridge with magnets; a lesson visitors can edit and run; mentors as an index list; a week planner with a time-zone switch; pricing on a catalog spec sheet plus an honest 'what we won't promise' box; a dark help-screen FAQ; an application form; a footer with a giant blinking READY. On load the screen powers on, types a short beginner program with the keys pressing, then runs it. Signature move: the computer stays beside the curriculum, and as you scroll each disk rises from the box, tips and slides into the drive, the drive light blinks, the screen lists that module's code and output, and the used disk lands on a growing stack.
HTML_SURFACE: headings=Learn to codeat the kitchentable.; Eight disks. Twenty weeks. One at a time.; Things you'll make; Sit in on lesson 2.3.; Four mentors who learned this tired, too.; Built around the hours you actually have.; Three ways in. No surprise fees.; Questions people ask at 11 pm.; Save a seat for January. | ids=n, nav, menu, main, top, stageBox, stage, sliver, led, ej, crt, scr, pw, dlLo, dlHi, keys, curriculum, projects, projects-h, lesson, lesson-h, edCode, edOut, dishLbl, indent, run, edHint, mentors, mentors-h, mList, schedule, sched-h, pricing, price-h, help | functions=toast, setMenu, at, after, buildKeys, press, releaseKeys, pad, render, buildProg, push, play, stepPlayer, playerDone, restY, stackY, diskState, drawDisks, measure, gAt, setScreenFor, frame, measureChars, loop, onReveal, chosen, hl, drawCode, runCode, next
ORIGINAL_PROMPT: prompt/night-shift-code.md (SHA256 a7fa35972955b136328cd56ce1e031330a01e19a12a30409b8a106677b699133)
EXAMPLE_SOURCE: example/night-shift-code.html (SHA256 8042c663ea3c171d144185bec793ecd9df36afdc0c3af1291eee55491504c366)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\night-shift-code\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
