Skip to content

feat(web): Introduce "Ink & Blush" landing page and automated Pages deployment#54

Merged
0xarchit merged 7 commits intomainfrom
web/init
May 10, 2026
Merged

feat(web): Introduce "Ink & Blush" landing page and automated Pages deployment#54
0xarchit merged 7 commits intomainfrom
web/init

Conversation

@0xarchit
Copy link
Copy Markdown
Owner

Overview
This PR introduces the official landing page for PauseCat, built from scratch using vanilla HTML, CSS, and JS without relying on heavy frameworks. The design language ("Ink &
Blush") is deeply inspired by the application itself—dark, highly focused, and editorially styled with a single stark pink accent derived from the logo.

All source assets live in the new website/ directory, cleanly separated from the Rust core.

✨ Key Features

Design & Architecture

  • Strict Custom Typography: Uses Cormorant Garamond for dramatic headlines, Syne for modern UI geometry, and JetBrains Mono for code.
  • Fluid & Responsive: Entirely responsive layout utilizing CSS Grid. The break experience preview card utilizes CSS Container Queries (cqi) to guarantee perfect 16:9 aspect-ratio
    scaling across all mobile devices without layout breaking.
  • Zero-Dependency Setup: Pure CSS variables, resets, and animations. No Tailwind, Bootstrap, or jQuery.

Dynamic Integrations & Interactivity

  • Live GitHub Stats: The github-stats.js module automatically pulls the current Star count, Total Downloads (accumulated across all release assets), and the Latest Version string
    directly from the GitHub API. It maps the primary download button to the actual .msi file of the latest release. Implements a 5-minute localStorage cache to prevent API
    rate-limiting.
  • Ambient UI: Added custom interactive cursors (Cat_Cursor.png and Cat_Pointer.png). On pointer-enabled devices, moving the mouse casts a subtle radial pink ambient glow across the
    dark void backgrounds.
  • Terminal Typewriter: Intersection-observer-based typing animation mimicking PowerShell clone/build processes to reinforce the developer-focused aesthetic.

CI/CD

  • GitHub Pages Workflow: Added .github/workflows/pages.yml. Any future merges to main that modify the website/** directory will automatically build and deploy to GitHub Pages.

By submitting this PR, I agree to follow the project's Code of Conduct.

0xarchit added 7 commits May 10, 2026 13:21
- Implement vanilla HTML/CSS/JS landing page based on the Ink & Blush design specification

- Add responsive CSS grid architecture with semantic sections

- Integrate GitHub API for dynamic star counts, total downloads, and latest release versions

- Add scroll-reveal and dynamic terminal typewriter animations

- Apply strict design rules with custom typography (Cormorant Garamond, Syne, JetBrains Mono) and minimal pink accent
- Implement custom tracking cursor for pointer-enabled devices

- Add dynamic radial gradient ambient glow that follows mouse movements

- Wire up interactive hover states for cards, buttons, and links
- Replace JS-animated dot cursor with Cat_Cursor.png and Cat_Pointer.png

- Simplify interactive.js to only handle ambient lighting
- Use CSS clamp() for button font sizes and paddings

- Use CSS clamp() for overlay preview bubble and text to prevent breaking on small screens
- Switch from clamp() to cqi (container query inline size) to guarantee perfect aspect-ratio scaling for the break preview bubble and fonts
@0xarchit 0xarchit linked an issue May 10, 2026 that may be closed by this pull request
1 task
@0xarchit 0xarchit self-assigned this May 10, 2026
Copy link
Copy Markdown
Owner Author

@0xarchit 0xarchit left a comment

Choose a reason for hiding this comment

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

changes reviewed

@0xarchit 0xarchit merged commit 0f58162 into main May 10, 2026
2 checks passed
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.

feat: High-Conversion Product Landing Page

1 participant