Skip to content

Constrain hero neon scan to the word "programming" and slow it to 2.4s x2#46

Merged
Gonza10V merged 1 commit into
mainfrom
codex/update-animation-for-hero-text
Jul 14, 2026
Merged

Constrain hero neon scan to the word "programming" and slow it to 2.4s x2#46
Gonza10V merged 1 commit into
mainfrom
codex/update-animation-for-hero-text

Conversation

@Gonza10V

Copy link
Copy Markdown
Contributor

Motivation

  • Reduce visual distraction by targeting the neon scan animation to the single word "programming" in the hero headline.
  • Adjust the timing so the scan is slower and performs two left-to-right passes for a subtler emphasis.

Description

  • Wrap the word programming in a dedicated <span class="hero-neon-text" data-hero-neon> and remove the neon class from the whole <h1> so only that word is animated (src/pages/index.astro).
  • Update the headline classes to preserve sizing and line-height while allowing the inline animation target (src/pages/index.astro).
  • Make .hero-neon-text an inline block and change the .hero-neon-text--active animation to 2.4s with 2 iterations so it runs twice and slower (src/styles/global.css).
  • Flip the @keyframes hero-neon-scan start/end background-position values so the visual sweep travels left-to-right across the word (src/styles/global.css).

Testing

  • Ran pnpm format:check and formatting passed successfully.
  • Ran pnpm build (Astro build) and the site built with no errors.
  • Ran pnpm typecheck / astro check and there were no diagnostics errors.
  • Ran pnpm lint (ESLint) and there were no lint errors.

Codex Task

@Gonza10V
Gonza10V merged commit 7933c31 into main Jul 14, 2026
1 check passed
@Gonza10V
Gonza10V deleted the codex/update-animation-for-hero-text branch July 14, 2026 05:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant