Skip to content

feat(home): directed Studio scenes, footer wordmark glow and Damn Labs credits - #10

Merged
devchaudhary24k merged 3 commits into
devfrom
t3code/polish-landing-animations
Sep 28, 2026
Merged

devchaudhary24k merged 3 commits into
devfrom
t3code/polish-landing-animations

Conversation

@devchaudhary24k

@devchaudhary24k devchaudhary24k commented Sep 28, 2026 •

Copy link
Copy Markdown
Member

What changes

Footer

  • The dotted "Hexlode" wordmark brightens in a soft circle under the pointer. Only the dots light, the glow trails the pointer slightly and fades when it leaves.
  • Credit line: "Built by Damn Labs, a Pixelact Studio product", plus a Damn Labs column (Damn Labs, EnvSift, Pixelact Studio). Link columns sit two-up on phones.

Studio section as directed scenes (ADR 0009: GSAP for home page scenes, Motion for interface motion)

  • Each cell is one GSAP timeline started by ScrollTrigger through a new useScene hook, with shared timings in src/features/home/constants.ts.
  • Chain steps: the graph builds edge by edge, then the batch runs through it stage by stage.
  • Preview: a pointer picks each crop shape and the sample photo reframes.
  • Uses every core: four workers share the last 12 images of the 240-image batch, the next image goes to whichever worker frees up first (planWorkers, unit tested), and the count rises by one per finished image.
  • Reruns only what changed: the pointer lowers quality and presses Run; earlier steps come from the step cache and only changed steps run.
  • Save as a tool: the pointer presses Save, types a name, and the tool joins the list.
  • One thing moves at a time, scenes rest on their last frame, neighbouring cells start one after another, scenes pause off screen, and reduced motion shows one still frame.

Corners

  • In this theme rounded-xl is the 28px page radius, which made demo cards look bubbly. Cards now use 12px corners with 4–6px corners inside (inner = outer − padding), including the Convert tool's image cards. Icon tiles are one step less round.

Other

  • GSAP (3.15, no-charge licence) and @gsap/react, loaded only in the home route's lazy chunk (checked in the build output).
  • README links hexlode.damnlabs.com; the repository's website field is set to it.
  • idea.md, implementation.md and CLAUDE.md updated.

Checks

  • pnpm check, pnpm typecheck and pnpm test (541 tests) pass; pnpm build succeeds.
  • Checked in headless Chromium at 1600×1000 and 390×844, in dark mode, light mode and with reduced motion.

🤖 Generated with Claude Code


View with [code]smith Autofix with [code]smith
Need help on this PR? Tag @codesmith-bot with what you need. Autofix is disabled.

devchaudhary24k and others added 3 commits September 28, 2026 16:38
…it Damn Labs

Co-Authored-By: Claude Opus 5.5 (1M context) <[email protected]>
Each Studio cell is now one GSAP timeline started by ScrollTrigger: the
graph builds and the batch runs through it, a pointer changes the crop,
four workers share the last images of the batch, an edit reruns only the
changed steps, and the pipeline is saved as a tool. Scenes rest on their
last frame, start one column after another, pause off screen and show a
still frame with reduced motion.

Cards use 12px corners with 4-6px corners inside, as rounded-xl is the
28px page radius in this theme. ADR 0009 records GSAP for scenes and
Motion for interface motion.

Co-Authored-By: Claude Opus 5.5 (1M context) <[email protected]>
@devchaudhary24k
devchaudhary24k merged commit 9605c5c into dev Sep 28, 2026
18 checks passed
devchaudhary24k added a commit that referenced this pull request Sep 28, 2026
…nce (#13)

* docs: refresh the README project overview

- Add branded header, badges and project principles
- Clarify local image processing and link Pixelact Studio

* feat(home): directed Studio scenes, footer wordmark glow and Damn Labs credits (#10)

- Direct the Studio section as GSAP scenes started by ScrollTrigger (ADR 0009)
- Nest card corners: 12px cards with 4-6px corners inside
- Light the footer wordmark under the pointer and credit Damn Labs and Pixelact Studio
- Link hexlode.damnlabs.com from the README

* ci: automate releases and expand Sentry observability

- Add Release Please versioning and image publishing
- Upload Sentry source maps and enable logs and tracing
- Improve privacy-safe PostHog autocapture and deployment docs

* ci: deploy Docker images only on releases

- Keep the `main` image for unreleased merges
- Publish `latest` and deploy via Dokploy on releases
- Update deployment documentation

* feat(studio): keep drafts per tab and recover unsaved changes

- Add per-tab session drafts with one-day recovery for unsaved work
- Add new/save controls and confirmation before discarding changes
- Document draft storage and privacy behavior
devchaudhary24k added a commit that referenced this pull request Sep 28, 2026
)

* docs: refresh the README project overview

- Add branded header, badges and project principles
- Clarify local image processing and link Pixelact Studio

* feat(home): directed Studio scenes, footer wordmark glow and Damn Labs credits (#10)

- Direct the Studio section as GSAP scenes started by ScrollTrigger (ADR 0009)
- Nest card corners: 12px cards with 4-6px corners inside
- Light the footer wordmark under the pointer and credit Damn Labs and Pixelact Studio
- Link hexlode.damnlabs.com from the README

* ci: automate releases and expand Sentry observability

- Add Release Please versioning and image publishing
- Upload Sentry source maps and enable logs and tracing
- Improve privacy-safe PostHog autocapture and deployment docs

* ci: deploy Docker images only on releases

- Keep the `main` image for unreleased merges
- Publish `latest` and deploy via Dokploy on releases
- Update deployment documentation

* feat(studio): keep drafts per tab and recover unsaved changes

- Add per-tab session drafts with one-day recovery for unsaved work
- Add new/save controls and confirmation before discarding changes
- Document draft storage and privacy behavior

* ci: deploy staging on main and production on releases

- Label analytics and Sentry reports by deployment environment
- Document staging and production Dokploy setup
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant