Skip to content

feat: complete landing page redesign — zero CDN dependency#6

Merged
sagar-grv merged 1 commit into
mainfrom
feat/redesign-landing
May 25, 2026
Merged

feat: complete landing page redesign — zero CDN dependency#6
sagar-grv merged 1 commit into
mainfrom
feat/redesign-landing

Conversation

@sagar-grv
Copy link
Copy Markdown
Owner

Problem: Previous landing page depended on Tailwind CDN, Alpine.js CDN, and @alpinejs/intersect CDN. If any CDN failed, content stayed invisible (all sections used \opacity-0\ with \x-intersect:enter\ for visibility).

Solution: Complete redesign with zero JS/CDN dependency for content visibility:

  • No Tailwind CDN: Pure custom CSS with CSS variables
  • No Alpine.js: Vanilla JS with progressive enhancement
  • Content visible by default: HTML renders fully, no JS needed to see anything
  • Native IntersectionObserver: Scroll animations via standalone JS (graceful fallback — if JS fails, content stays visible)
  • Interactive features: Terminal, tabs, accordion, copy — all vanilla JS
  • Fonts: Sora (headings) + Outfit (body) + JetBrains Mono (code) — with graceful fallback

…t visibility

- Removed Tailwind CSS CDN (now pure custom CSS with CSS variables)
- Removed Alpine.js CDN (now vanilla JS with progressive enhancement)
- Content renders fully visible by default — no JS required to see content
- Native IntersectionObserver for scroll animations (graceful fallback)
- Fonts: Sora (headings) + Outfit (body) + JetBrains Mono (code)
- Cleaner structure, better semantics, responsive
- Interactive features (terminal, tabs, accordion, copy) all vanilla JS
@sagar-grv sagar-grv merged commit c7bdda0 into main May 25, 2026
3 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.

2 participants