How riofiar/design-portfolio works
This is a small static personal portfolio site: its pages and assets are the product, with script.js adding browser-side interactions. The sampled script implements animated tab/gallery switching, skill-bar animation, and portfolio-item popups. The HTML and CSS were not sampled, so their detailed structure and wiring cannot be verified; the graph avoids inferring links among pages or assets.
Main entry points: script.js UI interactions
Components 11
Portfolio site
- Home page
index.html - About page
about.html - Portfolio page
portfolio.html - Contact page
contact.html - Site styling
style.css - Image assets
img
Browser interactions
- UI interactions
script.js - Tab switching
script.js - Skill animation
script.js - Portfolio popup
script.js
Other components
- Site visitor
Connections 4
- Site visitor → UI interactions: triggers events
script.js - UI interactions → Tab switching: handles tab clicks
script.js - UI interactions → Skill animation: animates fills
script.js - UI interactions → Portfolio popup: handles item clicks
script.js