How ganatadi8-cmyk/gana-portfolio works
This is a static personal portfolio, not a backend application. Its main workflow is visitors browsing portfolio sections while scrolling drives a continuous 3D scene and a chapter indicator. The README documents the page content, styling, motion controls, responsive behavior and accessibility; the excerpts show the scene and chapter logic. The older CSS and scroll script are explicitly not loaded. The tree does not include the documented bundled Three.js file, so it is not represented as a repository component.
Main entry points: index.html Portfolio sections · chapters.js Chapter indicator · scene.js 3D scene · immersive.css Responsive styling
Components 6
Portfolio content
- Portfolio sections
index.html
Visual experience
- Responsive styling
immersive.css - 3D scene
scene.js
Chapter navigation
- Chapter indicator
chapters.js
Other components
- Visitor
- WebGL renderer
Connections 6
- Visitor → Portfolio sections: browses
README.md - Portfolio sections → 3D scene: sets chapters
README.md - 3D scene → WebGL renderer: renders scene
scene.js - Chapter indicator → Portfolio sections: reads sections
chapters.js - Chapter indicator → Portfolio sections: marks navigation
chapters.js - Responsive styling → Portfolio sections: styles layout
README.md