# ldugaduga/ldugaduga.github.io architecture

> Architecture diagram of the GitHub repository ldugaduga/ldugaduga.github.io, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-11-13). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/ldugaduga/ldugaduga.github.io
- Repository: https://github.com/ldugaduga/ldugaduga.github.io

## Overview

This is a static personal portfolio and résumé site. A visitor browses the portfolio’s experience and work, then can use its contact modal; the site also provides standalone résumé pages and a PDF. The README documents the page’s sections, stylesheet, project screenshots, CDN integrations, and standalone contact-form fallback. Source excerpts were not provided, so relationships below rely on those documented facts; the fallback link is left unverified.

Main entry points: [`index.html`](https://github.com/ldugaduga/ldugaduga.github.io/blob/master/index.html) (Portfolio page), [`assets/style.css`](https://github.com/ldugaduga/ldugaduga.github.io/blob/master/assets/style.css) (Site styles), [`assets/work`](https://github.com/ldugaduga/ldugaduga.github.io/tree/master/assets/work) (Project screenshots), [`form.html`](https://github.com/ldugaduga/ldugaduga.github.io/blob/master/form.html) (Fallback form)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_portfolio["Portfolio"]
  node_portfolio_page["Portfolio page<br/>[index.html]"]
  node_site_styles["Site styles<br/>[style.css]"]
  node_services_process["Services and process<br/>[index.html]"]
  node_availability["Availability<br/>[index.html]"]
  node_experience["Experience timeline<br/>[index.html]"]
  node_selected_work["Selected work<br/>[index.html]"]
  node_work_images["Project screenshots"]
  node_testimonials["Testimonials carousel<br/>[index.html]"]
end

subgraph group_contact["Contact"]
  node_contact_modal["Contact modal<br/>[index.html]"]
  node_fallback_form["Fallback form<br/>[form.html]"]
end

subgraph group_resume["Résumé"]
  node_resume_page["Résumé page<br/>[resume.html]"]
  node_resume_archive["Résumé index<br/>[index.html]"]
  node_resume_pdf["Résumé PDF"]
end

node_visitor(("Visitor"))
node_google_fonts["Google Fonts"]
node_phosphor_icons["Phosphor Icons"]
node_google_analytics["Google Analytics"]
node_client_sites["Client sites"]

node_visitor -->|"visits"| node_portfolio_page
node_portfolio_page -->|"uses styles"| node_site_styles
node_portfolio_page -->|"presents"| node_availability
node_portfolio_page -->|"presents"| node_services_process
node_portfolio_page -->|"presents"| node_experience
node_portfolio_page -->|"presents"| node_selected_work
node_selected_work -->|"uses images"| node_work_images
node_selected_work -->|"links to"| node_client_sites
node_portfolio_page -->|"presents"| node_testimonials
node_portfolio_page -->|"presents"| node_contact_modal
node_contact_modal -.->|"fallback"| node_fallback_form
node_portfolio_page -->|"loads font"| node_google_fonts
node_portfolio_page -->|"loads icons"| node_phosphor_icons
node_portfolio_page -->|"uses analytics"| node_google_analytics
node_visitor -.->|"visits"| node_resume_page
node_visitor -.->|"visits"| node_resume_archive
node_visitor -.->|"opens"| node_resume_pdf

click node_portfolio_page "https://github.com/ldugaduga/ldugaduga.github.io/blob/master/index.html"
click node_site_styles "https://github.com/ldugaduga/ldugaduga.github.io/blob/master/assets/style.css"
click node_services_process "https://github.com/ldugaduga/ldugaduga.github.io/blob/master/index.html"
click node_availability "https://github.com/ldugaduga/ldugaduga.github.io/blob/master/index.html"
click node_experience "https://github.com/ldugaduga/ldugaduga.github.io/blob/master/index.html"
click node_selected_work "https://github.com/ldugaduga/ldugaduga.github.io/blob/master/index.html"
click node_work_images "https://github.com/ldugaduga/ldugaduga.github.io/tree/master/assets/work"
click node_testimonials "https://github.com/ldugaduga/ldugaduga.github.io/blob/master/index.html"
click node_contact_modal "https://github.com/ldugaduga/ldugaduga.github.io/blob/master/index.html"
click node_fallback_form "https://github.com/ldugaduga/ldugaduga.github.io/blob/master/form.html"
click node_resume_page "https://github.com/ldugaduga/ldugaduga.github.io/blob/master/resume.html"
click node_resume_archive "https://github.com/ldugaduga/ldugaduga.github.io/blob/master/resume/index.html"
click node_resume_pdf "https://github.com/ldugaduga/ldugaduga.github.io/blob/master/resume/Louie_Dugaduga_Resume_updated.pdf"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_portfolio_page,node_site_styles,node_services_process,node_availability,node_experience,node_selected_work,node_work_images,node_testimonials,node_client_sites toneBlue
class node_contact_modal,node_fallback_form toneAmber
class node_resume_page,node_resume_archive,node_resume_pdf toneMint
class node_visitor,node_google_fonts,node_phosphor_icons,node_google_analytics toneIndigo
```

## Components

### Portfolio

- [Portfolio page](https://github.com/ldugaduga/ldugaduga.github.io/blob/master/index.html): `index.html`
- [Site styles](https://github.com/ldugaduga/ldugaduga.github.io/blob/master/assets/style.css): `assets/style.css`
- [Services and process](https://github.com/ldugaduga/ldugaduga.github.io/blob/master/index.html): `index.html`
- [Availability](https://github.com/ldugaduga/ldugaduga.github.io/blob/master/index.html): `index.html`
- [Experience timeline](https://github.com/ldugaduga/ldugaduga.github.io/blob/master/index.html): `index.html`
- [Selected work](https://github.com/ldugaduga/ldugaduga.github.io/blob/master/index.html): `index.html`
- [Project screenshots](https://github.com/ldugaduga/ldugaduga.github.io/tree/master/assets/work): `assets/work`
- [Testimonials carousel](https://github.com/ldugaduga/ldugaduga.github.io/blob/master/index.html): `index.html`

### Contact

- [Contact modal](https://github.com/ldugaduga/ldugaduga.github.io/blob/master/index.html): `index.html`
- [Fallback form](https://github.com/ldugaduga/ldugaduga.github.io/blob/master/form.html): `form.html`

### Résumé

- [Résumé page](https://github.com/ldugaduga/ldugaduga.github.io/blob/master/resume.html): `resume.html`
- [Résumé index](https://github.com/ldugaduga/ldugaduga.github.io/blob/master/resume/index.html): `resume/index.html`
- [Résumé PDF](https://github.com/ldugaduga/ldugaduga.github.io/blob/master/resume/Louie_Dugaduga_Resume_updated.pdf): `resume/Louie_Dugaduga_Resume_updated.pdf`

### Other components

- **Visitor**
- **Google Fonts**
- **Phosphor Icons**
- **Google Analytics**
- **Client sites**

## Connections

- Visitor → Portfolio page: visits (evidence: `README.md`)
- Portfolio page → Site styles: uses styles (evidence: `README.md`)
- Portfolio page → Availability: presents (evidence: `README.md`)
- Portfolio page → Services and process: presents (evidence: `README.md`)
- Portfolio page → Experience timeline: presents (evidence: `README.md`)
- Portfolio page → Selected work: presents (evidence: `README.md`)
- Selected work → Project screenshots: uses images (evidence: `README.md`)
- Selected work → Client sites: links to (evidence: `README.md`)
- Portfolio page → Testimonials carousel: presents (evidence: `README.md`)
- Portfolio page → Contact modal: presents (evidence: `README.md`)
- Contact modal → Fallback form: fallback
- Portfolio page → Google Fonts: loads font (evidence: `README.md`)
- Portfolio page → Phosphor Icons: loads icons (evidence: `README.md`)
- Portfolio page → Google Analytics: uses analytics (evidence: `README.md`)
- Visitor → Résumé page: visits
- Visitor → Résumé index: visits
- Visitor → Résumé PDF: opens