Skip to content

Add Start Building section with Daydream CTA and nebula effect#43

Open
adamsoffer wants to merge 14 commits intomainfrom
claude/start-building-section
Open

Add Start Building section with Daydream CTA and nebula effect#43
adamsoffer wants to merge 14 commits intomainfrom
claude/start-building-section

Conversation

@adamsoffer
Copy link
Copy Markdown
Collaborator

Summary

  • New "Start Building" section below the hero routing builders to Daydream as the current path for building on Livepeer
  • Hero CTA changed from "Explore the ecosystem" to "Start building ↓" with anchor scroll to the new section
  • WebGL nebula effect — rainbow gradient mouse-follow glow inspired by daydream.live, with transparent canvas that bleeds into adjacent sections
  • Button hover states made more pronounced across hero and header
  • Mobile: canvas hidden on touch devices (no mouse = no effect)
  • Scroll tracking: render loop recomputes section-relative coords every frame so two-finger scroll works

Test plan

  • Verify hero "Start building ↓" scrolls to the new section
  • Hover mouse over the Start Building section and confirm rainbow nebula effect
  • Confirm glow bleeds into hero above and section below without cutoff
  • Verify "Start building with Daydream ↗" links to daydream.live
  • Test on mobile — section renders cleanly without the WebGL canvas
  • Two-finger scroll past the section triggers the effect

🤖 Generated with Claude Code

adamsoffer and others added 10 commits April 7, 2026 12:29
Route builders to Daydream as the current path for building on Livepeer.
Hero CTA now says "Start building" and scrolls to a new section that
explains the Livepeer/Daydream relationship with a WebGL rainbow gradient
mouse-follow effect inspired by daydream.live. Updated ecosystem heading
and button hover states across hero, header, and new section.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
The canvas was showing a full rainbow gradient on mobile since there are
no mousemove events to control the reveal map. Now the canvas only renders
on devices with a fine pointer (mouse/trackpad).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
When scrolling with a trackpad, mousemove events don't fire but the
section moves underneath the stationary cursor. Now we track the last
known viewport cursor position and recompute section-relative coords on
both mousemove and scroll, so the glow follows correctly during scroll.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Previously, the effect only updated on mousemove, so two-finger scroll
(which doesn't fire mousemove) wouldn't move the glow even though the
section was moving under a stationary cursor. Now we track the last
viewport cursor position via a window-level mousemove listener, and the
render loop recomputes section-relative coords every frame via
getBoundingClientRect() — which automatically accounts for scroll.

Only marks the cursor as active when strictly over the section bounds,
avoiding cutoff artifacts when the cursor is in adjacent sections.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Remove Terms and Privacy rows from ecosystem detail card
- Use internal-nav arrow (→) instead of external (↗) on ecosystem cards
  since they now link to internal /ecosystem/[slug] pages

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Frameworks: DDVTech
- The Lot Radio: The Lot Radio
- Streamplace: Aquareum Inc

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Two-column grid with fixed label column and left-aligned values
- Unified text sizing (xs) across labels and values for coherence
- Subtler group titles: uppercase, tracking-wider, text-white/50
- Tighter padding, lighter border/background, smaller radius
- Removed per-row dividers — relies on spacing for hierarchy

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 13, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
website Ready Ready Preview, Comment Apr 13, 2026 6:20pm

Request Review

adamsoffer and others added 4 commits April 13, 2026 13:29
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
#40)

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
New "Start Building" section below the hero that routes builders to
Daydream as the current path for building on Livepeer. Hero CTA changed
from "Explore the ecosystem" to "Start building" with anchor scroll.
WebGL rainbow gradient mouse-follow effect inspired by daydream.live.
Updated button hover states across hero and header.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@adamsoffer adamsoffer force-pushed the claude/start-building-section branch from 4571661 to 96e5c2b Compare April 13, 2026 18:19
rickstaa pushed a commit that referenced this pull request Apr 16, 2026
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@rickstaa rickstaa force-pushed the claude/pedantic-lovelace branch from f232f1b to 034ab1d Compare April 16, 2026 08:32
Base automatically changed from claude/pedantic-lovelace to main April 20, 2026 21:15
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