How yowlshi/angelo-automates-portfolio works
This is a static personal portfolio for presenting Angelo Torrevillas’s work and enabling visitors to explore case studies or request a booking. The main workflow is browsing the page, filtering or expanding the builds catalog, opening a case study in a dialog, and optionally loading a booking calendar. The sampled JavaScript supports those interactions and progressive enhancement; the HTML and CSS contents were not sampled, so their detailed structure and styling are inferred only from the tree and JavaScript hooks.
Main entry points: index.html Portfolio page · site.js Page interactions · projects Project images · profile Profile images
Components 11
Portfolio content
- Portfolio page
index.html - Build catalog
index.html - Case studies
index.html - Booking link
index.html
Page interactions
- Page interactions
js/site.js - Site styles
css/site.css
Portfolio media
- Project images
assets/images/projects - Profile images
assets/images/profile
Other components
- Visitor
- Booking calendar
- Browser storage
Connections 12
- Visitor → Portfolio page: browses
- Portfolio page → Build catalog: presents
- Portfolio page → Case studies: presents
- Portfolio page → Booking link: offers
- Portfolio page → Page interactions: enables
- Page interactions → Build catalog: filters
- Page interactions → Case studies: opens dialog
- Page interactions → Booking link: loads on request
- Portfolio page → Project images: displays
- Portfolio page → Profile images: displays
- Page interactions → Browser storage: writes theme
- Page interactions → Booking calendar: loads iframe