@maniclang/workbench 0.1.11

package/examples/prompt-test.manic

@@ -0,0 +1,158 @@
+title("Integral Area");
+canvas("16:9");
+
+let gx = cx - 210;
+let gy = cy + 170;
+let sx = 120;
+let sy = 45;
+let n = 8;
+let dx = 2/n;
+
+text(head, (cx, 70), "integral as area under a curve");
+display(head);
+color(head, cyan);
+size(head, 30);
+hidden(head);
+
+text(cap, (cx, h - 55), "");
+display(cap);
+color(cap, fg);
+size(cap, 22);
+hidden(cap);
+
+axes(ax, (gx, gy), 330, 240, 60);
+color(ax, dim);
+stroke(ax, 2);
+untraced(ax);
+
+plot(curve, (gx, gy), sx, sy, "x^2", (0, 2.15));
+color(curve, lime);
+stroke(curve, 4);
+glow(curve, 8);
+untraced(curve);
+
+text(flabel, (gx + 285, gy - 205), "y = x^2");
+display(flabel);
+color(flabel, lime);
+size(flabel, 24);
+hidden(flabel);
+
+text(x0lbl, (gx, gy + 28), "0");
+display(x0lbl);
+color(x0lbl, fg);
+hidden(x0lbl);
+
+text(x2lbl, (gx + 2*sx, gy + 28), "2");
+display(x2lbl);
+color(x2lbl, fg);
+hidden(x2lbl);
+
+line(bound2, (gx + 2*sx, gy), (gx + 2*sx, gy - 4*sy));
+color(bound2, magenta);
+stroke(bound2, 3);
+untraced(bound2);
+
+bracelabel(interval, (gx, gy + 48), (gx + 2*sx, gy + 48), "0..2", 18);
+color(interval, cyan);
+hidden(interval);
+
+dot(point2, (gx + 2*sx, gy - 4*sy), 7);
+color(point2, magenta);
+glow(point2, 8);
+hidden(point2);
+
+text(eq, (cx + 275, cy - 110), "integral 0..2 x^2 dx");
+display(eq);
+color(eq, cyan);
+size(eq, 25);
+hidden(eq);
+
+text(areaNote, (cx + 275, cy - 70), "= signed area");
+display(areaNote);
+color(areaNote, fg);
+size(areaNote, 23);
+hidden(areaNote);
+
+counter(approx, (cx + 275, cy + 15), 0, 2, "rect sum = ", "");
+display(approx);
+color(approx, magenta);
+size(approx, 24);
+hidden(approx);
+
+text(rule, (cx + 275, cy + 85), "power rule: x^2 -> x^3/3");
+display(rule);
+color(rule, lime);
+size(rule, 22);
+hidden(rule);
+
+counter(exact, (cx + 275, cy + 130), 0, 2, "exact area = ", "");
+display(exact);
+color(exact, lime);
+size(exact, 26);
+hidden(exact);
+
+text(finalEq, (cx + 275, cy + 175), "8/3 = 2.67");
+display(finalEq);
+color(finalEq, cyan);
+size(finalEq, 24);
+hidden(finalEq);
+
+for i in 0..n {
+rect(r{i}, (gx + (i*dx + dx/2)*sx, gy - (((i + 1)*dx)^2)*sy/2), dx*sx, (((i + 1)*dx)^2)*sy);
+color(r{i}, cyan);
+outline(r{i}, cyan);
+filled(r{i});
+opacity(r{i}, 0.28);
+z(r{i}, -1);
+hidden(r{i});
+tag(r{i}, rects);
+}
+
+show(head, 0.6);
+show(cap, 0.4);
+say(cap, "An integral measures accumulated area.", 0.7);
+
+par {
+draw(ax, 0.8);
+show(x0lbl, 0.4);
+show(x2lbl, 0.4);
+}
+
+par {
+draw(curve, 1.1);
+show(flabel, 0.6);
+}
+say(cap, "Here the curve is y = x^2.", 0.6);
+
+par {
+show(eq, 0.5);
+show(areaNote, 0.5);
+draw(bound2, 0.6);
+show(point2, 0.5);
+show(interval, 0.5);
+}
+say(cap, "We want the area from x = 0 to x = 2.", 0.7);
+
+stagger(0.08) {
+for i in 0..n {
+show(r{i}, 0.25);
+}
+}
+show(approx, 0.4);
+to(approx, value, 3.19, 1.2, smooth);
+flash(rects, cyan);
+say(cap, "Rectangles approximate the area. More rectangles get closer.", 0.8);
+
+fade(rects, 0.7);
+say(cap, "Calculus gives the exact accumulated area.", 0.7);
+
+par {
+show(rule, 0.6);
+show(exact, 0.5);
+}
+to(exact, value, 2.67, 1.2, smooth);
+
+show(finalEq, 0.5);
+pulse(exact, 0.6);
+say(cap, "So integral 0..2 x^2 dx = 8/3.", 0.8);
+wait(0.8);

package/examples/pulley-annotated.manic

@@ -0,0 +1,54 @@
+// ============================================================================
+//  pulley-annotated.manic  —  ELEVATE a sim: CAMERA work (cam + zoom)
+// ----------------------------------------------------------------------------
+//  A different elevation flavour from spring-annotated (typewriter) — here the
+//  camera does the storytelling: `cam` + `zoom` push in on the two masses for
+//  the "imbalance" beat, glow the heavier one, then pull back for the release.
+//  A live `counter` ticks the acceleration up. No stage-covering section cards,
+//  so the motion is always visible. All base manic over the `pulley` parts.
+// ============================================================================
+
+title("The Atwood Machine — Why the Heavier Side Falls");
+canvas("16:9");
+
+text(hdr, (cx, 40), "The Atwood Machine"); size(hdr, 28); color(hdr, cyan); bold(hdr); display(hdr); hidden(hdr);
+
+// ---- the sim, centred so the camera can push in ----
+pulley(pl, (cx, 190), 3, 2);
+hidden(pl.wheel); hidden(pl.hub); hidden(pl.ropeL); hidden(pl.ropeR); hidden(pl.mass1); hidden(pl.mass2);
+
+text(wheelL, (cx, 118), "frictionless pulley"); size(wheelL, 17); color(wheelL, dim); display(wheelL); hidden(wheelL);
+text(m1L, (cx - 150, 320), "m₁ = 3 kg"); size(m1L, 19); color(m1L, cyan); display(m1L); hidden(m1L);
+text(m2L, (cx + 150, 320), "m₂ = 2 kg"); size(m2L, 19); color(m2L, magenta); display(m2L); hidden(m2L);
+counter(aC, (cx, 250), 0, 2, "a = ", " m/s²"); size(aC, 26); color(aC, gold); display(aC); hidden(aC); sticky(aC);
+
+// caption is `sticky` — it stays pinned to the screen through the camera push-in
+text(cap, (cx, h - 44), ""); size(cap, 21); color(cap, dim); display(cap); sticky(cap);
+
+// ============================== SCRIPT ==============================
+show(hdr, 0.5);
+
+say(cap, "one rope over one frictionless pulley …", 0.4);
+show(pl.wheel, 0.4); show(pl.hub, 0.3); pulse(pl.wheel); show(wheelL, 0.4);
+wait(0.3);
+say(cap, "… a heavier mass on the left, a lighter one on the right", 0.4);
+show(pl.ropeL, 0.3); show(pl.mass1, 0.4); pulse(pl.mass1); show(m1L, 0.4);
+show(pl.ropeR, 0.3); show(pl.mass2, 0.4); pulse(pl.mass2); show(m2L, 0.4);
+wait(0.5);
+
+// ---- CAMERA: push in on the masses for the imbalance beat ----
+// cap + aC are sticky, so they stay put on screen while the world zooms
+say(cap, "look closely — the net pull favours the heavier side", 0.4);
+par { cam((cx, 330), 1.4, smooth); zoom(1.7, 1.4, smooth); }
+glow(pl.mass1, 1.9); flash(pl.mass1, gold); pulse(pl.mass1);
+wait(1.0);
+par { cam((cx, cy), 1.2, smooth); zoom(1, 1.2, smooth); }   // pull back out
+wait(0.2);
+
+// the acceleration, as a live readout
+show(aC, 0.3); to(aC, value, 1.96, 1.0);         // a = (m₁−m₂)g/(m₁+m₂)
+fade(wheelL, 0.3); fade(m1L, 0.3); fade(m2L, 0.3);
+wait(0.5);
+
+say(cap, "release: m₁ sinks, m₂ rises", 0.4);
+run(pl, 4);

package/examples/pulley-paper.manic

@@ -0,0 +1,52 @@
+// ============================================================================
+//  pulley-paper.manic  —  an ANIMATED sim in textbook paper style
+// ----------------------------------------------------------------------------
+//  The Atwood `pulley` sim, dressed as a physics-textbook figure AND run: the
+//  `template("paper")` page (its palette remap inks the sim automatically), a
+//  hatched `support` ceiling, a forest-green wheel, outlined mass boxes, and a
+//  base-manic reveal (`say`/`show`/`draw`/`fade`) — then `run` plays the motion.
+//  Proof the paper/support treatment composes with a live, animated simulation.
+// ============================================================================
+
+title("The Atwood machine — textbook style");
+canvas("16:9");
+template("paper");                       // white page; the theme remaps neon → ink
+
+text(hdr, (cx, 46), "The Atwood machine"); color(hdr, fg); size(hdr, 27); bold(hdr); display(hdr); hidden(hdr);
+
+// hatched ceiling + suspension rope (traced on)
+support(ceil, (cx, 108), 320); untraced(ceil);
+line(sus, (cx, 108), (cx, 160)); color(sus, fg); stroke(sus, 2); untraced(sus);
+
+// the sim, restyled to textbook ink (parts hidden, revealed in order)
+pulley(pl, (cx, 192), 3, 2);
+color(pl.wheel, lime);                   // lime → forest green on the paper palette
+color(pl.hub, fg); color(pl.ropeL, fg); color(pl.ropeR, fg);
+outlined(pl.mass1); outline(pl.mass1, fg);
+outlined(pl.mass2); outline(pl.mass2, fg);
+hidden(pl.wheel); hidden(pl.hub); hidden(pl.ropeL); hidden(pl.ropeR); hidden(pl.mass1); hidden(pl.mass2);
+
+// annotations
+text(m1L, (cx - 150, 316), "m₁ = 3 kg"); color(m1L, fg); size(m1L, 20); display(m1L); hidden(m1L);
+text(m2L, (cx + 150, 316), "m₂ = 2 kg"); color(m2L, fg); size(m2L, 20); display(m2L); hidden(m2L);
+text(acc, (cx, 604), "a = (m₁ − m₂)·g / (m₁ + m₂)"); color(acc, fg); size(acc, 22); display(acc); hidden(acc);
+text(cap, (cx, h - 40), ""); color(cap, fg); size(cap, 20); display(cap);
+
+// ============================== SCRIPT ==============================
+show(hdr, 0.5);
+say(cap, "a rope over one frictionless pulley, hung from the ceiling", 0.4);
+draw(ceil, 0.4); draw(sus, 0.4); show(pl.wheel, 0.4); show(pl.hub, 0.3);
+wait(0.4);
+
+say(cap, "a heavier mass on the left, a lighter one on the right", 0.4);
+show(pl.ropeL, 0.3); show(pl.mass1, 0.4); show(m1L, 0.3);
+show(pl.ropeR, 0.3); show(pl.mass2, 0.4); show(m2L, 0.3);
+wait(0.5);
+
+say(cap, "the system accelerates toward the heavier side", 0.4);
+show(acc, 0.5);
+wait(0.7);
+fade(m1L, 0.3); fade(m2L, 0.3);
+
+say(cap, "release: m₁ sinks, m₂ rises", 0.4);
+run(pl, 4);

package/examples/pulley-scale.manic

@@ -0,0 +1,23 @@
+// ============================================================================
+//  pulley-scale.manic  —  what does the scale read? (physics Layer 1)
+// ----------------------------------------------------------------------------
+//  `pulleyscale(id, [center], [m1], [m2], [unit])` — an Atwood machine over two
+//  pulleys with a spring scale in the rope between them. The classic surprise:
+//  the scale reads the rope TENSION 2·m₁·m₂·g/(m₁+m₂), NOT the sum of the two
+//  weights. PRE-SIMULATED with RK4; `run(id,[dur])` replays it.
+//
+//  TO ADAPT: set m1 = m2 — the system balances and the scale reads exactly m·g.
+// ============================================================================
+
+title("Pulley scale — it reads the tension, not the weight");
+canvas("16:9");
+
+text(hdr, (cx, 46), "The scale reads the rope tension  T = 2·m₁·m₂·g / (m₁+m₂)");
+size(hdr, 22); color(hdr, cyan); bold(hdr); display(hdr);
+
+pulleyscale(ps, (cx, 200), 4, 3);
+
+text(cap, (cx, h - 32), "not (m₁+m₂)g, not the heavier weight — the tension sits between the two weights");
+size(cap, 16); color(cap, dim); display(cap);
+
+run(ps, 5);

package/examples/pulley.manic

@@ -0,0 +1,24 @@
+// ============================================================================
+//  pulley.manic  —  the Atwood machine, on the physics baseline (Layer 1)
+// ----------------------------------------------------------------------------
+//  `pulley(id, [center], [m1], [m2], [unit])` — two masses over one pulley. The
+//  heavier one accelerates down at a = (m₁−m₂)g/(m₁+m₂). PRE-SIMULATED with RK4;
+//  `run(id,[dur])` replays it. `energygraph` shows the KE↔PE trade as the system
+//  speeds up (total is conserved — no friction).
+//
+//  TO ADAPT: set m1 and m2 closer together for a gentler acceleration.
+// ============================================================================
+
+title("Atwood machine — unequal masses accelerate");
+canvas("16:9");
+
+text(hdr, (cx, 44), "Atwood machine — a = (m₁−m₂)g / (m₁+m₂)");
+size(hdr, 24); color(hdr, cyan); bold(hdr); display(hdr);
+
+pulley(pl, (440, 170), 3, 2);
+energygraph(pl, (960, 330), 120);
+
+text(cap, (cx, h - 32), "cyan m₁ (heavier) sinks, magenta m₂ rises; kinetic energy climbs as potential falls");
+size(cap, 16); color(cap, dim); display(cap);
+
+run(pl, 5);

package/examples/quadratic-formula-continuity.manic

@@ -0,0 +1,110 @@
+// quadratic-formula-continuity.manic — structured LaTeX rewrite benchmark
+//
+// The author supplies correct mathematical states. `rewrite` does not solve
+// algebra: it keeps equal RaTeX parts alive, moves them to their new roles,
+// introduces only new notation, and settles on the exact target formula.
+
+title("The Quadratic Formula by Completing the Square");
+canvas("16:9");
+template("plain");
+watermark(manicMark, (1135, 30), "Made With Manic");
+
+text(kicker, (cx, 72), "COMPLETING THE SQUARE · ONE CONTINUOUS EQUATION");
+size(kicker, 18); color(kicker, dim); bold(kicker); hidden(kicker);
+
+text(guide, (cx, 620), "Stable symbols stay. Only the mathematical change moves.");
+size(guide, 19); color(guide, dim); hidden(guide);
+
+equation(
+  work,
+  (cx, 330),
+  `\textcolor{orange}{a}x^2+\textcolor{cyan}{b}x+\textcolor{lime}{c}=0`,
+  48
+);
+hidden(work);
+
+show(kicker, 0.45);
+show(guide, 0.45);
+show(work, 0.65);
+wait(1.20);
+
+// Divide through by a.
+rewrite(
+  work,
+  `x^2+\frac{\textcolor{cyan}{b}}{\textcolor{orange}{a}}x+\frac{\textcolor{lime}{c}}{\textcolor{orange}{a}}=0`,
+  1.00,
+  smooth
+);
+wait(1.00);
+
+// Move c/a across the equality.
+rewrite(
+  work,
+  `x^2+\frac{\textcolor{cyan}{b}}{\textcolor{orange}{a}}x=-\frac{\textcolor{lime}{c}}{\textcolor{orange}{a}}`,
+  0.95,
+  smooth
+);
+wait(0.95);
+
+// Split the middle coefficient into two equal halves.
+rewrite(
+  work,
+  `x^2+\frac{\textcolor{cyan}{b}}{2\textcolor{orange}{a}}x+\frac{\textcolor{cyan}{b}}{2\textcolor{orange}{a}}x=-\frac{\textcolor{lime}{c}}{\textcolor{orange}{a}}`,
+  1.05,
+  smooth
+);
+wait(0.95);
+
+// Add the completing-square term to both sides.
+rewrite(
+  work,
+  `x^2+\frac{\textcolor{cyan}{b}}{2\textcolor{orange}{a}}x+\frac{\textcolor{cyan}{b}}{2\textcolor{orange}{a}}x+\left(\frac{\textcolor{cyan}{b}}{2\textcolor{orange}{a}}\right)^2=\left(\frac{\textcolor{cyan}{b}}{2\textcolor{orange}{a}}\right)^2-\frac{\textcolor{lime}{c}}{\textcolor{orange}{a}}`,
+  1.10,
+  smooth
+);
+wait(1.05);
+
+// Simplify the right side locally.
+rewrite(
+  work,
+  `x^2+\frac{\textcolor{cyan}{b}}{2\textcolor{orange}{a}}x+\frac{\textcolor{cyan}{b}}{2\textcolor{orange}{a}}x+\left(\frac{\textcolor{cyan}{b}}{2\textcolor{orange}{a}}\right)^2=\frac{\textcolor{cyan}{b}^2-4\textcolor{orange}{a}\textcolor{lime}{c}}{4\textcolor{orange}{a}^2}`,
+  1.00,
+  smooth
+);
+wait(1.00);
+
+// Expose the repeated factor, then contract it into a square.
+rewrite(
+  work,
+  `x\left(x+\frac{\textcolor{cyan}{b}}{2\textcolor{orange}{a}}\right)+\frac{\textcolor{cyan}{b}}{2\textcolor{orange}{a}}\left(x+\frac{\textcolor{cyan}{b}}{2\textcolor{orange}{a}}\right)=\frac{\textcolor{cyan}{b}^2-4\textcolor{orange}{a}\textcolor{lime}{c}}{4\textcolor{orange}{a}^2}`,
+  1.05,
+  smooth
+);
+wait(0.90);
+
+rewrite(
+  work,
+  `\left(x+\frac{\textcolor{cyan}{b}}{2\textcolor{orange}{a}}\right)^2=\frac{\textcolor{cyan}{b}^2-4\textcolor{orange}{a}\textcolor{lime}{c}}{4\textcolor{orange}{a}^2}`,
+  0.95,
+  smooth
+);
+wait(1.00);
+
+// Take square roots.
+rewrite(
+  work,
+  `x+\frac{\textcolor{cyan}{b}}{2\textcolor{orange}{a}}=\pm\frac{\sqrt{\textcolor{cyan}{b}^2-4\textcolor{orange}{a}\textcolor{lime}{c}}}{2\textcolor{orange}{a}}`,
+  1.05,
+  smooth
+);
+wait(1.10);
+
+// Isolate x. The fraction moves across; the discriminant remains itself.
+rewrite(
+  work,
+  `x=\frac{-\textcolor{cyan}{b}\pm\sqrt{\textcolor{cyan}{b}^2-4\textcolor{orange}{a}\textcolor{lime}{c}}}{2\textcolor{orange}{a}}`,
+  1.10,
+  smooth
+);
+pulse(work, 0.65);
+wait(2.50);

package/examples/quiz-euler.manic

@@ -0,0 +1,52 @@
+// ============================================================================
+//  quiz-euler.manic  —  the SAME quiz Short, now via the `creator` kit
+// ----------------------------------------------------------------------------
+//  Compare with quiz-geometry.manic (≈60 hand-authored lines): the question,
+//  four option cards, the countdown, and the whole ask→countdown→reveal beat
+//  are now `quiz` / `option` / `run`. The creator's footer is `creator`/`socials`.
+//  Only the figure is hand-drawn (author-supplied — any manic entity/kit).
+// ============================================================================
+
+title("Quiz — the Euler Line");
+canvas("9:16");
+template("paper");
+
+creator(me, "@anish2good yt=zarigatongy x=@anish2good web=8gwifi.org/manic accent=magenta");
+
+// --- the quiz: question + four answers (kit handles layout + the beat) ---
+quiz(q, "3 triangle centres are always collinear — on WHICH line?");
+option(q, "the Euler line", correct);
+option(q, "a perpendicular bisector");
+option(q, "an angle bisector");
+option(q, "a median");
+
+// --- the figure (author-supplied): the geo kit constructs the Euler line ---
+point(pA, (335, 760)); point(pB, (745, 745)); point(pC, (540, 470));
+hidden(pA); hidden(pB); hidden(pC);
+segment(sa, pA, pB); segment(sb, pB, pC); segment(sc, pC, pA);
+untraced(sa); untraced(sb); untraced(sc);
+circumcircle(cc, pA, pB, pC); color(cc, dim); untraced(cc);
+circumcenter(oo, pA, pB, pC); color(oo, magenta); hidden(oo);
+centroid(gg, pA, pB, pC);     color(gg, lime);    hidden(gg);
+orthocenter(hh, pA, pB, pC);  color(hh, cyan);    hidden(hh);
+segment(eu, oo, hh); color(eu, fg); stroke(eu, 7); glow(eu, 1.5); untraced(eu);
+
+// tag every figure part, then AUTO-FIT the whole group into the zone between
+// the question header and the answer cards — no hand-tuning coordinates.
+tag(pA, fig); tag(pB, fig); tag(pC, fig); tag(sa, fig); tag(sb, fig); tag(sc, fig);
+tag(cc, fig); tag(oo, fig); tag(gg, fig); tag(hh, fig); tag(eu, fig);
+figure(fig, (540, 645), (720, 360));
+
+// ================= THE BEAT =================
+socials(me);
+par {
+  run(q, 14);                          // ask · countdown · reveal — the whole beat
+  seq {                                // the figure builds while the question sits
+    wait(1.6);
+    par { show(pA, 0.2); show(pB, 0.2); show(pC, 0.2); }
+    par { draw(sa, 0.5); draw(sb, 0.5); draw(sc, 0.5); }
+    draw(cc, 0.5);
+    par { show(oo); show(gg); show(hh); }
+    draw(eu, 0.9); pulse(eu);
+  }
+}

package/examples/quiz-geometry-2.manic

@@ -0,0 +1,107 @@
+// ============================================================================
+//  quiz-geometry-2.manic  —  a second QUIZ SHORT (olympiad geometry)
+// ----------------------------------------------------------------------------
+//  A layout STRESS TEST: same 9:16 quiz scaffold as quiz-geometry.manic, but a
+//  different olympiad question with TWO figures side-by-side (acute vs obtuse
+//  triangle) — to prove the spacing + visibility hold for richer figure content.
+//  Template-agnostic (palette-semantic colours), drawn social icons, 2×2 options.
+// ============================================================================
+
+title("Quiz — Circumcentre");
+canvas("9:16");
+template("terminal");
+
+// ---- the question (two typewriter lines) ----
+text(q1, (cx, 210), "A triangle's CIRCUMCENTRE falls"); color(q1, fg);   size(q1, 42); bold(q1); untraced(q1);
+text(q2, (cx, 283), "outside it — when is it…?");        color(q2, cyan); size(q2, 42); bold(q2); untraced(q2);
+
+// ---- figure ①  : an ACUTE triangle (circumcentre INSIDE) ----
+point(a1, (190, 800)); point(b1, (455, 800)); point(c1, (320, 560));
+hidden(a1); hidden(b1); hidden(c1);
+segment(s1a, a1, b1); segment(s1b, b1, c1); segment(s1c, c1, a1);
+untraced(s1a); untraced(s1b); untraced(s1c);
+circumcenter(o1, a1, b1, c1); color(o1, magenta); hidden(o1);
+text(lab1, (322, 865), "acute · inside"); color(lab1, dim); size(lab1, 26);
+
+// ---- figure ②  : an OBTUSE triangle (circumcentre OUTSIDE) ----
+// c2 sits LEFT of a2, so the angle at a2 is obtuse → circumcentre lands outside
+point(a2, (735, 800)); point(b2, (965, 800)); point(c2, (700, 600));
+hidden(a2); hidden(b2); hidden(c2);
+segment(s2a, a2, b2); segment(s2b, b2, c2); segment(s2c, c2, a2);
+untraced(s2a); untraced(s2b); untraced(s2c);
+circumcenter(o2, a2, b2, c2); color(o2, magenta); hidden(o2);
+text(lab2, (830, 865), "obtuse · outside"); color(lab2, dim); size(lab2, 26);
+
+// ---- four option cards, 2×2 (correct = C, obtuse → c3) ----
+rect(c1c, (305, 1010), 428, 120); color(c1c, panel); filled(c1c); hidden(c1c);
+rect(c2c, (775, 1010), 428, 120); color(c2c, panel); filled(c2c); hidden(c2c);
+rect(c3c, (305, 1150), 428, 120); color(c3c, panel); filled(c3c); hidden(c3c);
+rect(c4c, (775, 1150), 428, 120); color(c4c, panel); filled(c4c); hidden(c4c);
+text(t1, (305, 1010), "A  Acute");       color(t1, fg); size(t1, 34); hidden(t1);
+text(t2, (775, 1010), "B  Right");       color(t2, fg); size(t2, 34); hidden(t2);
+text(t3, (305, 1150), "C  Obtuse");      color(t3, fg); size(t3, 34); hidden(t3);
+text(t4, (775, 1150), "D  Equilateral"); color(t4, fg); size(t4, 34); hidden(t4);
+
+// ---- countdown ring + digit ----
+circle(ring, (cx, 1400), 62); color(ring, cyan); stroke(ring, 6); outlined(ring); hidden(ring);
+text(timer, (cx, 1400), "5"); color(timer, fg); size(timer, 62); bold(timer); hidden(timer);
+
+// ---- socials footer (drawn vector icons — template-safe) ----
+line(rule, (150, 1740), (930, 1740)); color(rule, dim); stroke(rule, 2);
+rect(yt,  (312, 1815), 58, 40); color(yt, magenta); filled(yt);
+polygon(ytp, (300, 1802), (300, 1828), (326, 1815), bg);
+rect(xb,  (404, 1815), 46, 46); color(xb, fg); outlined(xb);
+line(x1, (392, 1803), (416, 1827)); color(x1, fg); stroke(x1, 4);
+line(x2, (416, 1803), (392, 1827)); color(x2, fg); stroke(x2, 4);
+rect(ig,  (496, 1815), 46, 46); color(ig, fg); outlined(ig);
+circle(igc, (496, 1815), 13); color(igc, fg); outlined(igc);
+circle(igd, (509, 1802), 3);  color(igd, fg); filled(igd);
+text(foot, (740, 1815), "@manic · 8gwifi.org/manic"); color(foot, dim); size(foot, 28);
+tag(rule, footer); tag(yt, footer); tag(ytp, footer); tag(xb, footer); tag(x1, footer);
+tag(x2, footer); tag(ig, footer); tag(igc, footer); tag(igd, footer); tag(foot, footer);
+hidden(footer);
+
+// ================= THE BEAT =================
+// 1) ask
+type(q1, 1.1);
+type(q2, 1.0);
+wait(0.2);
+
+// 2) both figures construct (side by side)
+par { show(a1, 0.2); show(b1, 0.2); show(c1, 0.2); show(a2, 0.2); show(b2, 0.2); show(c2, 0.2); }
+par {
+  draw(s1a, 0.5); draw(s1b, 0.5); draw(s1c, 0.5);
+  draw(s2a, 0.5); draw(s2b, 0.5); draw(s2c, 0.5);
+}
+par { show(o1); show(o2); pulse(o1); pulse(o2); }
+par { show(lab1, 0.3); show(lab2, 0.3); }
+wait(0.3);
+
+// 3) options fly in, 2×2 reading order
+seq {
+  par { show(c1c, 0.2); show(t1, 0.2); }
+  par { show(c2c, 0.2); show(t2, 0.2); }
+  par { show(c3c, 0.2); show(t3, 0.2); }
+  par { show(c4c, 0.2); show(t4, 0.2); }
+}
+show(footer, 0.3);
+
+// 4) countdown 5 → 1
+par { show(ring, 0.2); show(timer, 0.2); }
+wait(0.8); say(timer, "4", 0.15);
+wait(0.8); say(timer, "3", 0.15);
+wait(0.8); say(timer, "2", 0.15);
+wait(0.8); say(timer, "1", 0.15);
+wait(0.8);
+
+// 5) TIME OUT → reveal: card C (Obtuse) glows, the rest fade
+say(timer, "0", 0.15); flash(ring, gold);
+par {
+  recolor(c3c, lime); flash(c3c, gold); pulse(c3c);
+  recolor(t3, void);
+  fade(c1c, 0.5); fade(t1, 0.5);
+  fade(c2c, 0.5); fade(t2, 0.5);
+  fade(c4c, 0.5); fade(t4, 0.5);
+  flash(o2, gold);              // the obtuse triangle's outside centre
+}
+wait(1.6);