Skip to content

Add animated ASCII landing page with Luna the corgi#2

Open
parthmodi152 wants to merge 2 commits intomasterfrom
claude/plan-ascii-landing-page-30vKO
Open

Add animated ASCII landing page with Luna the corgi#2
parthmodi152 wants to merge 2 commits intomasterfrom
claude/plan-ascii-landing-page-30vKO

Conversation

@parthmodi152
Copy link
Contributor

Standalone landing page (landing/index.html) featuring:

  • Animated block-shaded ASCII art of Luna (corgi) at a laptop
  • 7-frame animation loop: typing, thinking, happy tail wag
  • Independent blink overlay on randomized timer
  • CRT scanline sweep, green glow, flicker effects
  • Departure Mono pixel font (self-hosted woff2/woff)
  • Typing effect tagline, scroll-triggered feature grid
  • Responsive design (desktop/tablet/mobile)
  • GitHub and Railway deploy CTAs

https://claude.ai/code/session_01E72PgnvcX1tupH1EhMVvax

Standalone landing page (landing/index.html) featuring:
- Animated block-shaded ASCII art of Luna (corgi) at a laptop
- 7-frame animation loop: typing, thinking, happy tail wag
- Independent blink overlay on randomized timer
- CRT scanline sweep, green glow, flicker effects
- Departure Mono pixel font (self-hosted woff2/woff)
- Typing effect tagline, scroll-triggered feature grid
- Responsive design (desktop/tablet/mobile)
- GitHub and Railway deploy CTAs

https://claude.ai/code/session_01E72PgnvcX1tupH1EhMVvax
@parthmodi152 parthmodi152 force-pushed the claude/plan-ascii-landing-page-30vKO branch from 35497e6 to 6ae406b Compare February 25, 2026 00:47
Completely rebuilt to match the reference screenshots:
- White/cream background with dark text (not terminal green)
- Split hero: large pixel title left, ASCII art right
- Horizontal-line halftone technique: dense ─ lines fill bg,
  corgi figure carved out as negative space (white gaps)
- 3-frame animation: Luna facing forward, turning right, turning left
- Clean nav bar, "Get Started" + "See How It Works" CTAs
- Departure Mono pixel font throughout
- Minimal features grid, terminal block, footer
- Responsive layout (stacks on mobile)

https://claude.ai/code/session_01E72PgnvcX1tupH1EhMVvax
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.

2 participants