Personal website of Pratik Dutta · প্রতীক দত্ত Senior Research Scientist, Department of Biomedical Informatics, Stony Brook University
🌐 Live site: duttaprat.github.io
A single-page academic website built around five themes: research, news, publications, experience, and recognition. Designed to be lightweight, distinctive, and honest about what I work on, what I've published, and where I'm headed.
Highlights:
- Interactive 3D DNA helix with neural-network nodes, attention beams, transformer stack, and biology context (Three.js)
- Animated experience timeline with year-by-year detail panels
- Animated citation counter that scales as my Google Scholar count grows
- Horizontal recognition carousel for awards, talks, peer review, teaching, and mentorship
- Mobile-responsive with graceful fallbacks for the 3D scene on smaller screens
Plain HTML, CSS, and JavaScript. Single index.html file. No build step, no framework.
- Three.js (loaded from CDN) for the 3D DNA-helix scene
- Google Fonts: Fraunces (serif), Geist (sans), JetBrains Mono, Noto Serif Bengali
- GitHub Pages for hosting
duttaprat.github.io/
├── index.html Main page (everything is here)
├── LICENSE.md CC BY 4.0 for the design + code
├── README.md This file
├── CV/
│ └── Pratik_Dutta_CV_2026.pdf
└── images/
└── pratik_hero.jpg Hero photo
The design, layout, and code of this site are released under Creative Commons Attribution 4.0 (CC BY 4.0).
You are welcome to adapt this template for your own academic site, but please:
- Credit the original design with a footer link to duttaprat.github.io
- Replace all personal content (text, photos, publications, the Bengali rendering of my name, the CV file) with your own
- Keep the credit comment at the top of
index.html
The personal content (biography, photos, publication metadata, CV) is not under CC BY 4.0 and remains the property of Pratik Dutta or the respective copyright holders. See LICENSE.md for full terms.
This site was iteratively designed and built by Pratik Dutta in collaboration with Claude (Anthropic), through several rounds of design exploration, code generation, and refinement. The 3D DNA-helix scene, layout system, animations, and editorial structure went through six major iterations before landing here.
- Email: pratik.dutta [at] stonybrook.edu
- Google Scholar: scholar.google.com
- LinkedIn: linkedin.com/in/duttaprat
- GitHub: @duttaprat
- Hugging Face: @duttaprat
If you spot a bug, have a question about the implementation, or want to use the template and need pointers, feel free to open an issue or reach out by email.