How charusui/retro_portfolio works
This is a static personal developer portfolio. Visitors browse the home, biography, project catalog, Seguri case study, and contact pages; the catalog supports client-side search and category filtering, while the contact form demonstrates local validation and confirmation rather than sending a message to a backend. The README documents the pages’ major content, including credentials and Seguri’s processing flow. The sampled JavaScript confirms the interactive behavior; unsampled page markup and styling details are represented only at the documented level.
Main entry points: style.css Design system · about.html About and credentials · projects.html Project catalog · contact.html Contact page
Components 11
Portfolio pages
- Home
index.html - About and credentials
about.html - Project catalog
projects.html - Seguri case study
case-study.html - Contact page
contact.html
Browser interactions
- Portfolio interactions
js/main.js
Media and styling
- Certificate PDFs
assets/certificates - Résumé PDF
assets/charles-viray-resume.pdf - Project artwork
images/projects - Design system
css/style.css
Other components
- Portfolio visitor
Connections 17
- Portfolio visitor → Home: browses
- Portfolio visitor → About and credentials: browses
- Portfolio visitor → Project catalog: browses
- Portfolio visitor → Seguri case study: browses
- Portfolio visitor → Contact page: browses
- Project catalog → Portfolio interactions: loads interactions
- Portfolio interactions → Project catalog: filters and searches
- Contact page → Portfolio interactions: loads interactions
- Portfolio interactions → Contact page: validates and confirms
- About and credentials → Certificate PDFs: links credentials
- About and credentials → Résumé PDF: offers download
- Seguri case study → Project artwork: presents case visuals
- Home → Design system: uses styles
- About and credentials → Design system: uses styles
- Project catalog → Design system: uses styles
- Seguri case study → Design system: uses styles
- Contact page → Design system: uses styles