jwright
08e80d9f9f
The face of learn.bztmon.com is now a chapter index: 01 The Exploded Cluster (moved to /cluster) and 02 The Mirror (/mirror), with a forming-chapter ghost slot. The Mirror ships rev 3 of the dossier - six curated plates fingerprinted under /assets/, its scroll engine as an external fingerprinted script (CSP script-src self holds), diagrams as inline SVG, replay panes from real receipts. Assembler grows a shared document shell + per-page preflight gates; build.sh inline-script check now covers every page.
The Exploded Cluster
Interactive scroll-driven teardown of Kubernetes / OpenShift / Docker, in the estate's
Bat-Computer visual world (void #070b14, cyan #3fbaf5 → magenta #e879f9).
- v2 (tag
v2) — CSSpreserve-3ddiagrams. Parked: eyeballed px positions, misaligned at some widths. - v3 (in progress) — ships PUBLIC at learn.bztmon.com.
- v3 build — Nano Banana 2 exploded hero shots, hand-sliced into
clip-pathparts and scrubbed collapsed → hero with GSAP. Spec:homelab/specs/SPEC-exploded-cluster-v3.md.
Layout
| Path | What |
|---|---|
exploded-cluster.html |
v2 assembled single file (174KB) |
ec2-part1.html / ec2-part2.html |
v2 source split — markup+CSS / app JS |
gsap.min.js · st.min.js |
GSAP 3.13 + ScrollTrigger, inlined at assemble time |
prompts/ |
NB2 prompt contract — master style block + per-scene prompts |
tools/slicer.html |
slice editor: load a hero, tune cut lines, export the manifest |
assets/raw/ |
curated NB2 heroes, straight from the generator |
Rebuild v2: cat ec2-part1.html <(echo "<script>") gsap.min.js <(echo "</script><script>") st.min.js <(echo "</script>") ec2-part2.html > exploded-cluster.html
The slicing rule (load-bearing — read before touching the engine)
Parts occlude each other in 2D, so every slice carries a hidden notch where the part in front
covers it. Animating collapsed → hero only ever increases occlusion, so notches stay buried.
Never overshoot past the hero layout and never fan parts sideways — either exposes the tears.
Region boundaries overlap upward by EPS; expanding downward would ghost.