# vitozada/ado-html architecture

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

- Interactive diagram: https://gitdiagram.com/vitozada/ado-html
- Repository: https://github.com/vitozada/ado-html

## Overview

This is a small collection of HTML exercises intended to reinforce HTML. The tree organizes the exercises into three numbered lists; source excerpts are unavailable, so the graph shows only that collection structure and the learner’s entry points, not page-level behavior.

Main entry points: [`lista-1`](https://github.com/vitozada/ado-html/tree/main/lista-1) (List 1), [`lista-2`](https://github.com/vitozada/ado-html/tree/main/lista-2) (List 2), [`lista-3`](https://github.com/vitozada/ado-html/tree/main/lista-3) (List 3)

## Diagram (Mermaid)

```mermaid
flowchart TD

node_learner(("Learner"))
node_lista1["List 1"]
node_lista2["List 2"]
node_lista3["List 3"]

node_learner -->|"opens exercises"| node_lista1
node_learner -->|"opens exercises"| node_lista2
node_learner -->|"opens exercises"| node_lista3

click node_lista1 "https://github.com/vitozada/ado-html/tree/main/lista-1"
click node_lista2 "https://github.com/vitozada/ado-html/tree/main/lista-2"
click node_lista3 "https://github.com/vitozada/ado-html/tree/main/lista-3"

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_learner toneIndigo
class node_lista1,node_lista2,node_lista3 toneTeal
```

## Components

### Other components

- **Learner**
- [List 1](https://github.com/vitozada/ado-html/tree/main/lista-1): `lista-1`
- [List 2](https://github.com/vitozada/ado-html/tree/main/lista-2): `lista-2`
- [List 3](https://github.com/vitozada/ado-html/tree/main/lista-3): `lista-3`

## Connections

- Learner → List 1: opens exercises
- Learner → List 2: opens exercises
- Learner → List 3: opens exercises