Skip to content

Rework landing page#203

Open
leifhanack wants to merge 1 commit into
masterfrom
rework-landing-page
Open

Rework landing page#203
leifhanack wants to merge 1 commit into
masterfrom
rework-landing-page

Conversation

@leifhanack
Copy link
Copy Markdown
Collaborator

What's new

Hero

  • Full-bleed #E91E8C background with white text
  • Space Grotesk 600 headline at 54px
  • Trust bar: Spring GraphQL · Netflix DGS · Atlassian · 1M+ downloads/month
  • Two CTAs: primary "Get started →" and secondary "JVM-native GraphQL federation"

Content sections

  • Documentation: 2-column card grid (Documentation, 3 min tutorial, GraphQL with Java and Spring, JavaDoc)
  • Federation: full-width callout card for feddi.dev — "Andreas Marek, creator of GraphQL Java, is building feddi — a JVM-native federation gateway for any team running GraphQL on the JVM."
  • Community: GitHub Discussions, Releases

Navigation

  • Federation badge inserted between Tutorial and Blog — pink pill style to distinguish it from active-page indicators
  • Book link corrected to href so it renders the external-link icon
  • Version dropdown styled as a monospace pill

Footer

  • Custom swizzled footer replacing the Docusaurus dark default
  • 4-column grid: brand column (logo + description) + Docs / Community / More
  • Full dark mode support via --ifm-* CSS variables
  • MIT License link in bottom bar

Code

  • Shared src/components/ExtIcon.js used across page and footer for consistent external-link icon alignment
  • EXT_LINK constant eliminates repeated target="_blank" rel="noopener noreferrer" props
  • Google Fonts (Inter + Space Grotesk) loaded via headTags with correct crossorigin preconnect hints

Test plan

  • Light mode: hero, cards, federation card, footer all render correctly
  • Dark mode: cards, federation card, and footer adapt via CSS variables
  • Nav: Federation badge visible, single external-link icon on Federation and Book
  • All external links open in a new tab
  • Responsive: card grid collapses to 1 column on mobile

🤖 Generated with Claude Code

Replaces the minimal hero-only landing page with a full redesign:

- Hero: #E91E8C background, Space Grotesk 600 headline, trust bar
  (Spring GraphQL · Netflix DGS · Atlassian · 1M+ downloads/month),
  two CTAs — "Get started" and "JVM-native GraphQL federation"
- Content sections: Documentation cards (2-col grid), Federation card
  (feddi.dev callout), Community cards
- Nav: Federation badge (pink pill) inserted between Tutorial and Blog;
  Book changed to href so it gets the external-link icon; version badge
  styled as a monospace pill
- Footer: custom swizzled footer replacing the Docusaurus dark default —
  4-col grid (brand + Docs / Community / More), MIT License bottom bar,
  full dark-mode support via --ifm-* variables
- Shared ExtIcon component (src/components/ExtIcon.js) used consistently
  across page and footer; EXT_LINK constant eliminates repeated
  target/_blank props
- Google Fonts (Inter + Space Grotesk) loaded via headTags with correct
  crossorigin preconnect hints

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@cloudflare-workers-and-pages
Copy link
Copy Markdown

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Updated (UTC)
✅ Deployment successful!
View logs
graphql-java-page 1efe9d3 May 13 2026, 08:34 AM

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