WIP: New experimental scrollytelling workload#568
Open
camillobruni wants to merge 25 commits into
Open
Conversation
…ative text and alternating layout - Add self-contained scrollytelling workload in suites-experimental/scrollytelling - Implement 8 chronological stages of "The Evolution of a House" with 3x expanded narratives - Refactor layout to alternating left/right sticky animation columns - Apply 1960s monochrome modernism / architectural brutalism styling (tiled grunge texture and mid-century rounded corners) - Add Dual-Engine main-thread support (Scrollama and Vanilla JS) with deterministic serviceRAF() callback servicing TAG=agy CONV=bdfa7d0a-f04a-44c7-bcfa-8171723f31a3
TAG=agy CONV=bdfa7d0a-f04a-44c7-bcfa-8171723f31a3
TAG=agy CONV=bdfa7d0a-f04a-44c7-bcfa-8171723f31a3
…ad style TAG=agy CONV=bdfa7d0a-f04a-44c7-bcfa-8171723f31a3
…Indicator - Add slanted asymmetric borders at irregular angles to text cards and graphic frames - Implement repeating halftone / stipple print pattern background on body - Integrate B&W light watercolor wash texture as graphic overlay - Add toggleable Fixed Floating TOC ([INDEX +]) listing all 8 narrative stages - Implement white sliding indicator with mix-blend-mode: difference for dynamic text negation - Remove redundant progress label from header TAG=agy CONV=bdfa7d0a-f04a-44c7-bcfa-8171723f31a3
TAG=agy CONV=bdfa7d0a-f04a-44c7-bcfa-8171723f31a3
…s 5-8 - Upgrade Canvas 2D and SVG illustrations for Stages 5 through 8 with mid-century drafting aesthetics - Add technical blueprint grid overlays, structural load vectors, thermal R-values, cantilever dimensions, and cross-section hatching - Integrate WebP topographic contour maps and watercolor wash assets into stage animations TAG=agy CONV=bdfa7d0a-f04a-44c7-bcfa-8171723f31a3
…s 1-4 - Upgrade Canvas 2D and SVG illustrations for Stages 1 through 4 with mid-century drafting aesthetics - Add leader lines, callout dimensions, survey reticles, and title blocks - Integrate WebP topographic contour maps and watercolor wash assets into stage animations TAG=agy CONV=bdfa7d0a-f04a-44c7-bcfa-8171723f31a3
…color accents - Implement getPhaseTiming(localProg) dividing each paragraph into 3 distinct animation phases: Part 1 (assembly/spread-out parts moving into place), Part 2 (secondary mechanical animations and color reveal), Part 3 (sticky hold until next paragraph). - Replace raw brush strokes with drawColorizedBackground using offscreen source-in masking so watercolor textures (wcWash, wc1, wc2, wc3) match and tint only the background contour/grid linework. - Upgrade all 8 stage handlers (24 total paragraph scenes) to strictly follow the 3-phase timing and mid-century architectural accent palette (Blueprint Blue, Amber Gold, Terracotta, Emerald). - Rebuild bundle and verify 160 rendering steps across all stages in Node with zero runtime errors.
…or cohesion - Enforce a single signature color fade and watercolor brush per stage (using revealMode = 'fade' exclusively) to eliminate distracting color jumps and wipes during paragraph transitions. - Ensure watercolor textures (wcWash, wc1, wc2, wc3) only appear when tinted with mid-century architectural accents (Blueprint Blue, Amber Gold, Terracotta, Emerald) via source-in offscreen masking, remaining 100% hidden otherwise. - Audit and upgrade all 24 scenes across Stages 0 through 7 to depict rigorous architectural construction, geology, and engineering information (e.g., site plan stakeout, broadaxe hewn oak joinery, subterranean well water tables, strata profiles, gravity keyed dry-laid footings, hydrological drainage slopes, balloon framing stud bays, cast-iron lintels, mechanized aquifer pumping, dry-stone boundary wall cross-sections, sluice channel hydraulics, structural roof deflection and mortar leaching analysis, hydraulic jacking realignment, epoxy resin splicing, closed-cell R-45 insulation bays, triple-pane Low-E Argon glazing, 400-ft geothermal bore loops, and W18x86 steel cantilever curtain walls). - Rebuild bundle and verify 160 rendering increments across all stages in Node with zero runtime errors.
…und washes - Remove all full-screen generic background watercolor washes (drawColorizedBackground) across all 8 stages, restoring the pure black (#000000) canvas background with high-contrast B&W topographic and planning grid linework. - Introduce drawTailoredWatercolor helper function to apply watercolor brush textures (wcWash, wc1, wc2, wc3) strictly tailored to the precise bounding boxes of individual animation elements in each scene (e.g., homestead footprint, hewn log joinery, well shaft, bedrock strata, stone footings, drainage trenches, balloon framing stud bays, lintel beams, pump columns, barn outbuildings, boundary walls, irrigation sluices, weathered facades, sagging roofs, botanical vines, blueprint overlays, hydraulic jacks, epoxy joinery, spray foam cavities, triple glazing profiles, geothermal bore loops, modern steel cantilevers, and riparian site geometry). - Guarantee all watercolor textures appear strictly in color via source-in offscreen tinting (Blueprint Blue, Amber Gold, Terracotta, Emerald), remaining 100% hidden when inactive. - Rebuild production bundle and verify execution across 160 rendering increments in Node with zero runtime errors.
…e boxes or animations - Remove box/tab formatting from paragraph items in src/main.js, rendering each paragraph as a standard continuous text element (<p class='step-paragraph-item step-description'>) without wrapper divs or mechanical tab indicators. - Update src/styles.css to enforce standard vertical text styling (0° rotation) with comfortable line height (1.65), eliminating slanted borders, drop shadow pseudo-elements, background boxes, and layout animations/transforms on paragraph text. - Update DESIGN.md and .agents/AGENTS.md to explicitly document that paragraph text is exempt from slanting and tab formatting, mandating 0 layout animations and straight vertical alignment. - Rebuild bundle and verify execution across 160 rendering increments in Node with zero runtime errors.
…animations, bottom timeline overlay, zero CSS transitions, and 1950s B&W blueprint styling
… Graphic & Layout Style
…ing static layout and typography
…ross workload and suites registry
…css for benchmark determinism
…mizations from subagents - Synthesize all callout coordinate optimizations (addSVGCallout) and tech-stamp-badge positions across Stages 0 through 7 from the 4 subagent worktrees so leader blocks do not overlap or clip during phase transitions. - Remove redundant per-stage grid rendering in favor of the standardized global grid layer. - Resolve ESLint formatting and unused variable warnings in graphics.js for clean benchmark build determinism. TAG=agy CONV=08202cc1-82b4-453f-a497-9ff23d6ac895
✅ Deploy Preview for webkit-speedometer-preview ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.