How eomtaejun/swjb_portfolio works
This is a small static portfolio site. A visitor scrolls or hovers over page elements, and the JavaScript responds with header, progress, blur, reveal, and back-to-top effects. The tree contains HTML, CSS, JavaScript, and images, but only script.js was excerpted; the graph therefore focuses on interactions visible in that file and does not infer page sections or asset wiring beyond its selectors.
Main entry points: script.js Interaction handlers · index.html Scroll header
Components 9
Portfolio page
- Portfolio page
index.html - Scroll header
index.html - Reading progress
index.html - Hero blur
index.html - Mouse hint
index.html - About reveal
index.html - Back-to-top button
index.html
Interactive behavior
- Interaction handlers
script.js
Other components
- Visitor
Connections 7
- Visitor → Interaction handlers: scrolls or hovers
script.js - Interaction handlers → Scroll header: updates on scroll
script.js - Interaction handlers → Reading progress: sets width
script.js - Interaction handlers → Hero blur: sets blur
script.js - Interaction handlers → Mouse hint: toggles hint
script.js - Interaction handlers → About reveal: reveals text
script.js - Interaction handlers → Back-to-top button: toggles display
script.js