shivamkgw.github.io

Personal portfolio and scrapbook of Shivam Kumar, PhD Candidate at the Computational Science Lab, University of Amsterdam.

Live: shivamkgw.github.io

---

Pages

• index.html: Main portfolio: About, Research, Timeline, Publications, Posters, Tools
• scrapbook.html: Personal scrapbook: Music, Film, Photography, Guitar, Travel, Art, Postcards

Stack

Vanilla HTML, CSS, and JavaScript, no frameworks or build tools.

Fonts (Google Fonts CDN): Fraunces, Open Sans, Caveat, Space Mono Assets: Self-hosted images and PDF poster

Structure

/
├── index.html
├── scrapbook.html
├── assets/
│   ├── img/
│   │   ├── logos/          # Affiliation logos (UvA, Lab42, CSL, MetaHealth)
│   │   ├── portfolio/      # Artwork and guitar photos
│   │   └── *.jpg / *.png   # Hero, research, travel, photography images
│   └── metahealth-poster.pdf

Features

• Light/dark mode with localStorage persistence
• Custom amber cursor with lagging ring
• Scroll-linked horizontal timeline
• Research card image lightbox
• Scrapbook section sidebar nav with scroll progress bar
• YouTube click-to-play thumbnails
• Spotify podcast embed