Skip to content

feat(website): add code-driven animated landing page - #9

Closed
Fadouse wants to merge 16 commits into
mainfrom
feat/code-driven-landing-page
Closed

feat(website): add code-driven animated landing page#9
Fadouse wants to merge 16 commits into
mainfrom
feat/code-driven-landing-page

Conversation

@Fadouse

@Fadouse Fadouse commented Jun 20, 2026

Copy link
Copy Markdown
Owner

Summary

  • replace the existing homepage with a minimal, high-contrast project introduction
  • derive the feature narrative from the current implementation: the registered nine-pass JVM order, shared flow-key model, parameter carriers, and selective native translation
  • visualize the native path from selection and safety checking through C generation, Zig compilation, packaging, and runtime loading
  • add GSAP intro/scroll motion, cursor glow, 3D tilt, magnetic actions, progress feedback, responsive layouts, and reduced-motion handling
  • split the landing page into focused Astro components and layered stylesheets

Validation

  • npm run build
  • JavaScript syntax check with node --check
  • Astro/component tag-balance and CSS brace validation

Copilot AI review requested due to automatic review settings June 20, 2026 07:05
@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 failed
View logs
neko-obfuscator c19864a Jun 20 2026, 07:03 AM

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR replaces the existing Astro homepage with a new code-driven, high-contrast animated landing page that narrates the current NekoObfuscator JVM pass order and selective native translation pipeline. It introduces a new set of landing components, layered CSS stylesheets, and GSAP-powered motion with reduced-motion handling.

Changes:

  • Replaced index.astro homepage composition with new components/landing/* sections and added GSAP + ScrollTrigger interactions.
  • Introduced new landing-specific stylesheets for shell/layout, system section, native section, and responsive/reduced-motion behavior.
  • Updated BaseLayout.astro metadata handling (title/description/OG tags) and refreshed global.css tokens to match the new dark/high-contrast design.

Reviewed changes

Copilot reviewed 14 out of 14 changed files in this pull request and generated 2 comments.

Show a summary per file
File Description
website/src/styles/landing-system.css New styles for the “Protection System” and pass-order pipeline sections.
website/src/styles/landing-shell.css New page shell styling (nav, hero, cursor glow, scroll meter, hero visual styling).
website/src/styles/landing-responsive.css Responsive breakpoints + prefers-reduced-motion CSS adjustments for landing page.
website/src/styles/landing-native.css New styling for native translation route + closing/footer sections and keyframes.
website/src/styles/global.css Replaces prior theme token set with a new dark palette + base reset/utility styles.
website/src/pages/index.astro Switches homepage to new landing sections and adds GSAP/ScrollTrigger behavior.
website/src/layouts/BaseLayout.astro Adds title/description props + OG/meta tags and simplifies layout wrapper.
website/src/components/landing/ProtectionSystem.astro New landing section describing protection layers.
website/src/components/landing/PipelineSection.astro New landing section listing the nine registered JVM passes in order.
website/src/components/landing/NativeSection.astro New landing section visualizing selective native translation pipeline.
website/src/components/landing/LandingNav.astro New fixed landing navigation header.
website/src/components/landing/LandingHero.astro New hero section with animated machine/pipeline visual.
website/src/components/landing/LandingFooter.astro New minimal footer with back-to-top link.
website/src/components/landing/ClosingSection.astro New closing CTA with copy-to-clipboard command UI.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment on lines +200 to +201
initializePage();
document.addEventListener('astro:page-load', initializePage);
Comment on lines +65 to +66
copyButton.setAttribute('data-copied', 'true');
window.setTimeout(() => copyButton.removeAttribute('data-copied'), 1500);
@Fadouse Fadouse closed this Jul 16, 2026
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