How barry-far/personal-website works
This is a static personal portfolio website. A visitor browses the portfolio and project work, can open project details or an image gallery, share project links, and use the contact form to compose an email. The sampled JavaScript shows event-driven interactions rather than a server-side application or persistent data store. The README describes the site’s HTML, CSS, JavaScript, and Sass foundation; unsampled page markup and styling are represented at their exact tree paths, without inferring unshown wiring.
Main entry points: custom.js Project interactions · gallery-init.js Image gallery · index.html Portfolio page
Components 11
Portfolio site
- Portfolio page
app/index.html - Project details
app/index.html
Interactive features
- Project interactions
app/js/custom.js - Image gallery
app/js/gallery-init.js - Project sharing
app/js/gallery-init.js - Contact form
app/js/custom.js
Presentation assets
- Page styles
app/css/main.css - Portfolio media
app/img/works
Other components
- Visitor
- Email application
- Social platforms
Connections 8
- Visitor → Portfolio page: browses
README.md - Project interactions → Project details: opens panels
app/js/custom.js - Image gallery → Social platforms: opens project links
app/js/gallery-init.js - Project sharing → Social platforms: shares links
app/js/gallery-init.js - Contact form → Email application: opens mailto
app/js/custom.js - Visitor → Project interactions: activates controls
app/js/custom.js - Visitor → Image gallery: opens thumbnails
app/js/gallery-init.js - Visitor → Contact form: submits form
app/js/custom.js