# aniemordelossantos/aniemordelossantos.github.io architecture

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

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

## Overview

A small static personal portfolio: visitors browse an introductory home section, profile and resume-style details, project cards, and contact information. The README also documents smooth-scrolling navigation and a front-end-only contact form. The file tree contains index.html and main.css, although the README names main.htm; the HTML/CSS implementation was not excerpted, so the graph reflects documented capabilities and does not infer internal links or a connection to the resume PDF.

Main entry points: [`index.html`](https://github.com/aniemordelossantos/aniemordelossantos.github.io/blob/main/index.html) (Portfolio page), [`main.css`](https://github.com/aniemordelossantos/aniemordelossantos.github.io/blob/main/main.css) (Responsive styling)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Portfolio site"]
  node_portfolio["Portfolio page<br/>[index.html]"]
  node_home["Home section<br/>[index.html]"]
  node_about["About section<br/>[index.html]"]
  node_projects["Projects section<br/>[index.html]"]
  node_contact["Contact form<br/>[index.html]"]
  node_styles["Responsive styling<br/>[main.css]"]
  node_resume["Resume PDF<br/>[resume.pdf]"]
end

node_visitor(("Visitor"))

node_visitor -->|"views"| node_portfolio
node_portfolio -->|"includes"| node_home
node_portfolio -->|"includes"| node_about
node_portfolio -->|"includes"| node_projects
node_portfolio -->|"includes"| node_contact
node_styles -->|"styles"| node_portfolio

click node_portfolio "https://github.com/aniemordelossantos/aniemordelossantos.github.io/blob/main/index.html"
click node_home "https://github.com/aniemordelossantos/aniemordelossantos.github.io/blob/main/index.html"
click node_about "https://github.com/aniemordelossantos/aniemordelossantos.github.io/blob/main/index.html"
click node_projects "https://github.com/aniemordelossantos/aniemordelossantos.github.io/blob/main/index.html"
click node_contact "https://github.com/aniemordelossantos/aniemordelossantos.github.io/blob/main/index.html"
click node_styles "https://github.com/aniemordelossantos/aniemordelossantos.github.io/blob/main/main.css"
click node_resume "https://github.com/aniemordelossantos/aniemordelossantos.github.io/blob/main/assets/resume.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,node_home,node_about,node_projects,node_contact,node_styles,node_resume toneBlue
class node_visitor toneIndigo
```

## Components

### Portfolio site

- [Portfolio page](https://github.com/aniemordelossantos/aniemordelossantos.github.io/blob/main/index.html): `index.html`
- [Home section](https://github.com/aniemordelossantos/aniemordelossantos.github.io/blob/main/index.html): `index.html`
- [About section](https://github.com/aniemordelossantos/aniemordelossantos.github.io/blob/main/index.html): `index.html`
- [Projects section](https://github.com/aniemordelossantos/aniemordelossantos.github.io/blob/main/index.html): `index.html`
- [Contact form](https://github.com/aniemordelossantos/aniemordelossantos.github.io/blob/main/index.html): `index.html`
- [Responsive styling](https://github.com/aniemordelossantos/aniemordelossantos.github.io/blob/main/main.css): `main.css`
- [Resume PDF](https://github.com/aniemordelossantos/aniemordelossantos.github.io/blob/main/assets/resume.pdf): `assets/resume.pdf`

### Other components

- **Visitor**

## Connections

- Visitor → Portfolio page: views (evidence: `README.md`)
- Portfolio page → Home section: includes (evidence: `README.md`)
- Portfolio page → About section: includes (evidence: `README.md`)
- Portfolio page → Projects section: includes (evidence: `README.md`)
- Portfolio page → Contact form: includes (evidence: `README.md`)
- Responsive styling → Portfolio page: styles (evidence: `README.md`)