# edumbao/edumbao.github.io architecture

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

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

## Overview

This repository is a static personal portfolio for Ed Umbao, presenting professional work, writing, and practical content/SEO projects. The user-facing workflow is browsing the portfolio’s project and writing areas, then opening a project or article. The lab also contains several standalone tools and an SEO VA practice project. No source excerpts were provided, so relationships are limited to capabilities and project associations documented in the README; page-level navigation and tool internals are not inferred.

Main entry points: [`index.html`](https://github.com/edumbao/edumbao.github.io/blob/main/index.html) (Portfolio home), [`lab/index.html`](https://github.com/edumbao/edumbao.github.io/blob/main/lab/index.html) (Lab directory), [`writing/index.html`](https://github.com/edumbao/edumbao.github.io/blob/main/writing/index.html) (Writing index), [`work/index.html`](https://github.com/edumbao/edumbao.github.io/blob/main/work/index.html) (Work portfolio)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_portfolio["Portfolio"]
  node_home["Portfolio home<br/>[index.html]"]
  node_work["Work portfolio<br/>[index.html]"]
end

subgraph group_writing["Writing"]
  node_writing_index["Writing index<br/>[index.html]"]
  node_writing_portfolio["Writing portfolio<br/>[index.html]"]
  node_articles["Articles"]
end

subgraph group_labs["Labs and projects"]
  node_lab_index["Lab directory<br/>[index.html]"]
  node_answer_planner["Answer-based SEO planner<br/>[index.html]"]
  node_headline_creator["Benefit headline creator<br/>[index.html]"]
  node_seo_va["SEO VA practice<br/>[index.html]"]
  node_targetron_catalog["Targetron knowledge catalog<br/>[index.html]"]
end

node_visitor(("Site visitor"))

node_visitor -->|"views portfolio"| node_home
node_home -->|"presents work"| node_work
node_home -->|"presents writing"| node_writing_index
node_home -->|"presents projects"| node_lab_index
node_lab_index -->|"includes project"| node_answer_planner
node_lab_index -->|"includes project"| node_headline_creator
node_lab_index -->|"includes project"| node_targetron_catalog
node_writing_index -.->|"covers writing"| node_articles

click node_home "https://github.com/edumbao/edumbao.github.io/blob/main/index.html"
click node_work "https://github.com/edumbao/edumbao.github.io/blob/main/work/index.html"
click node_writing_index "https://github.com/edumbao/edumbao.github.io/blob/main/writing/index.html"
click node_writing_portfolio "https://github.com/edumbao/edumbao.github.io/blob/main/writing-portfolio/index.html"
click node_articles "https://github.com/edumbao/edumbao.github.io/tree/main/posts"
click node_lab_index "https://github.com/edumbao/edumbao.github.io/blob/main/lab/index.html"
click node_answer_planner "https://github.com/edumbao/edumbao.github.io/blob/main/lab/answer-based-seo-planner/index.html"
click node_headline_creator "https://github.com/edumbao/edumbao.github.io/blob/main/lab/benefit-headline-creator/index.html"
click node_seo_va "https://github.com/edumbao/edumbao.github.io/blob/main/lab/seo-va-practice/index.html"
click node_targetron_catalog "https://github.com/edumbao/edumbao.github.io/blob/main/lab/targetron-knowledge-catalog/index.html"

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_home,node_work toneBlue
class node_writing_index,node_writing_portfolio,node_articles toneAmber
class node_lab_index,node_answer_planner,node_headline_creator,node_seo_va,node_targetron_catalog toneMint
class node_visitor toneIndigo
```

## Components

### Portfolio

- [Portfolio home](https://github.com/edumbao/edumbao.github.io/blob/main/index.html): `index.html`
- [Work portfolio](https://github.com/edumbao/edumbao.github.io/blob/main/work/index.html): `work/index.html`

### Writing

- [Writing index](https://github.com/edumbao/edumbao.github.io/blob/main/writing/index.html): `writing/index.html`
- [Writing portfolio](https://github.com/edumbao/edumbao.github.io/blob/main/writing-portfolio/index.html): `writing-portfolio/index.html`
- [Articles](https://github.com/edumbao/edumbao.github.io/tree/main/posts): `posts`

### Labs and projects

- [Lab directory](https://github.com/edumbao/edumbao.github.io/blob/main/lab/index.html): `lab/index.html`
- [Answer-based SEO planner](https://github.com/edumbao/edumbao.github.io/blob/main/lab/answer-based-seo-planner/index.html): `lab/answer-based-seo-planner/index.html`
- [Benefit headline creator](https://github.com/edumbao/edumbao.github.io/blob/main/lab/benefit-headline-creator/index.html): `lab/benefit-headline-creator/index.html`
- [SEO VA practice](https://github.com/edumbao/edumbao.github.io/blob/main/lab/seo-va-practice/index.html): `lab/seo-va-practice/index.html`
- [Targetron knowledge catalog](https://github.com/edumbao/edumbao.github.io/blob/main/lab/targetron-knowledge-catalog/index.html): `lab/targetron-knowledge-catalog/index.html`

### Other components

- **Site visitor**

## Connections

- Site visitor → Portfolio home: views portfolio (evidence: `README.md`)
- Portfolio home → Work portfolio: presents work (evidence: `README.md`)
- Portfolio home → Writing index: presents writing (evidence: `README.md`)
- Portfolio home → Lab directory: presents projects (evidence: `README.md`)
- Lab directory → Answer-based SEO planner: includes project (evidence: `README.md`)
- Lab directory → Benefit headline creator: includes project (evidence: `README.md`)
- Lab directory → Targetron knowledge catalog: includes project (evidence: `README.md`)
- Writing index → Articles: covers writing