Live site: https://avneetgrewal114.com
A globe-based interactive portfolio that tells the story of my life through five chapters across five continents. Built with vanilla HTML, CSS, and JavaScript. No frameworks.
- Interactive 3D globe (Globe.gl) with clickable pins at five locations
- Each pin opens a chapter of my life with a personal story + work experience timeline
- Scroll-based intro animation with scattered text and photos
- Designed to make visitors feel something, not just read a resume
| Chapter | Location | Years |
|---|---|---|
| 1 | Punjab, India | 2005 – ∞ |
| 2 | Cape Town, South Africa | 2023 |
| 3 | Bethlehem, PA — Lehigh University | 2024 – 2028 |
| 4 | London & Scotland, UK | 2024 |
| 5 | Santiago, Chile | 2025 |
- Globe.gl — 3D globe rendering
- Vanilla JS — scroll animations, interactions
- HTML/CSS — layout and design
- Netlify — hosting + auto-deploy from GitHub
- Google Fonts — Playfair Display + Outfit
- Background: #000000
- Cards: #0a0a1f
- Accent: #7c8ff7 (periwinkle blue)
- Secondary: #b8a9f7 (lavender)
- Fonts: Playfair Display (headings) · Outfit (body)
Avneet, with the help of my junior dev, Claude Code ❤️