How samin-shorif-ai/portfolio-web works
This repository is a personal portfolio website. A visitor views the page; its JavaScript enhances the portfolio with navigation, project interactions, contact affordances, and animated visual sections. The sampled source supports these behaviors, but the README is empty and the HTML and CSS were not sampled, so page structure and styling details are not expanded here.
Main entry points: index.html Portfolio page · main.js Navigation and scrolling
Components 14
Portfolio experience
- Portfolio page
index.html - Page styling
css/style.css
Navigation and content
- Navigation and scrolling
js/main.js - Project accordions
js/main.js - Contact reveals
js/main.js - Email copy
js/main.js
Motion and graphics
- Smooth scrolling
js/main.js - Hero animation
js/main.js - Tools sphere
js/main.js
Other components
- Visitor
- GSAP and ScrollTrigger
- Lenis
- Three.js
- Simple Icons CDN
Connections 13
- Visitor → Portfolio page: views
- Navigation and scrolling → Portfolio page: updates DOM
js/main.js - Project accordions → Portfolio page: updates DOM
js/main.js - Contact reveals → Portfolio page: animates text
js/main.js - Email copy → Portfolio page: updates label
js/main.js - Navigation and scrolling → GSAP and ScrollTrigger: registers plugin
js/main.js - Navigation and scrolling → Lenis: scrolls with
js/main.js - Smooth scrolling → GSAP and ScrollTrigger: schedules frames
js/main.js - Smooth scrolling → Lenis: drives scrolling
js/main.js - Hero animation → Three.js: renders scene
js/main.js - Hero animation → GSAP and ScrollTrigger: schedules frames
js/main.js - Tools sphere → GSAP and ScrollTrigger: schedules frames
js/main.js - Tools sphere → Simple Icons CDN: loads icons
js/main.js