Skip to content

feat: modernize site design#19

Merged
arjun7965 merged 2 commits intomasterfrom
feat/modernize-design
Mar 16, 2026
Merged

feat: modernize site design#19
arjun7965 merged 2 commits intomasterfrom
feat/modernize-design

Conversation

@arjun7965
Copy link
Owner

@arjun7965 arjun7965 commented Mar 16, 2026

Summary

  • Typography: Switch to Inter + JetBrains Mono fonts with fluid clamp() sizing
  • Timeline: Flat, minimal design — no cards/shadows, smaller dots, thinner line, inline role+date layout
  • Hero section: Gradient heading, monospace subtitle, circular social icon links
  • Animations: Scroll-reveal fade-up on timeline nodes and book items via IntersectionObserver
  • Polish: CSS View Transitions, subtle background gradients, Current badge on active role

Test plan

  • Verify light and dark themes render correctly
  • Check mobile responsiveness (hero, timeline, book grid)
  • Test scroll-reveal animations on timeline and books page
  • Confirm page transitions between index and books pages
  • Verify book covers still load from Open Library API

🤖 Generated with Claude Code

arjun7965 and others added 2 commits March 15, 2026 16:36
…, and scroll animations

- Add Google Fonts (Inter for body, JetBrains Mono for company/school names)
- Replace system font stack with Inter across all pages
- Add fluid typography with clamp() for responsive scaling
- Simplify timeline: remove heavy card borders/shadows, use flat layout
- Add subtle timeline dots (12px) with thin connecting line
- Add "Current" badge with blinking green dot for active position
- Inline role + date on one line with · separator
- Remove section icons (briefcase/graduation cap) for cleaner look
- Add scroll-reveal animations via IntersectionObserver
- Add View Transitions API for smooth page navigation
- Add subtle background gradients for both themes
- Fix pre-existing bug: .node:first-child → .node:first-of-type for active dot
- Fix Education section dark mode text color (rm-role → rm-role-line)
- Remove duplicate @Keyframes blink from books.html

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Replace the old intro paragraph with a modern hero section featuring
a gradient text heading, JetBrains Mono subtitle, and circular social
icon links.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@arjun7965 arjun7965 merged commit 3f23014 into master Mar 16, 2026
1 check passed
@arjun7965 arjun7965 deleted the feat/modernize-design branch March 16, 2026 05:24
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