Skip to content

[Phase 1] Create custom landing page#106

Merged
afucher merged 2 commits intodoc-websitefrom
issue-95-custom-landing-page
Mar 31, 2026
Merged

[Phase 1] Create custom landing page#106
afucher merged 2 commits intodoc-websitefrom
issue-95-custom-landing-page

Conversation

@afucher
Copy link
Copy Markdown
Contributor

@afucher afucher commented Mar 30, 2026

Summary

Implements issue #95 - creates a comprehensive custom landing page that overrides the Starlight default home page.

What's New

  • Hero Section: Prominent tagline, npm install snippet, CTA buttons
  • Version Badge: Dynamically pulls version from package.json at build time
  • Live Demo Section: Side-by-side interactive radix and transit charts
  • Feature Cards: 4 cards highlighting key benefits
  • Sponsorship Section: Ko-fi and GitHub Sponsors buttons
  • CTA Footer: Quick links to installation and quick start guides

Mobile Responsiveness

  • Fully responsive design: 320px to 1920px
  • Grid layouts collapse to single column on mobile
  • Sponsor buttons stack vertically on narrow screens

Acceptance Criteria

All items from issue #95 completed

  • Created src/pages/index.astro (overrides Starlight default home)
  • Hero section with tagline, npm snippet, CTA buttons, GitHub link
  • Live demo section with radix and transit charts side by side
  • Collapsible code block showing example code
  • Feature cards: Pure SVG, Zero Dependencies, Fully Customizable, TypeScript-first
  • Version badge from package.json links to changelog
  • Sponsorship section with Ko-fi and GitHub Sponsors buttons
  • Mobile responsive (320px-1920px)
  • No console errors; deploys cleanly

Closes #95

afucher and others added 2 commits March 30, 2026 16:42
Implement comprehensive landing page for AstroChart with all required sections:

Hero Section:
- Tagline: "A free and open-source JavaScript library for generating SVG astrology charts"
- npm install snippet
- "Get Started" CTA → /installation
- "View on GitHub" link

Version Badge:
- Dynamically reads version from package.json at build time
- Displays as "v3.0.2"
- Links to /changelog

Live Demo Section:
- Side-by-side radix and transit chart demos using ChartDemo component
- Collapsible code example showing usage
- Interactive charts powered by pure SVG

Feature Cards:
- Pure SVG: crisp, scalable vector graphics
- Zero Dependencies: pure vanilla JavaScript
- Fully Customizable: control all visual settings
- TypeScript-first: full type definitions included

Sponsorship Section:
- Ko-fi button with coffee emoji
- GitHub Sponsors button with heart emoji
- Gradient background styling

Mobile Responsive:
- Works on 320px–1920px viewports
- Grid layouts adjust to single column on mobile
- Sponsor buttons stack vertically on narrow screens

Build verified: 25 pages built successfully with no errors

Closes #95

🤖 Generated with [eca](https://eca.dev)

Co-Authored-By: eca <git@eca.dev>
@afucher afucher merged commit 7274348 into doc-website Mar 31, 2026
3 checks passed
@afucher afucher deleted the issue-95-custom-landing-page branch March 31, 2026 00:37
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