# joandersonoliveiradasilva/simplicidadesite architecture

> Architecture diagram of the GitHub repository joandersonoliveiradasilva/simplicidadesite, 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/joandersonoliveiradasilva/simplicidadesite
- Repository: https://github.com/joandersonoliveiradasilva/simplicidadesite

## Overview

A small personal-practice website with pages for home, games, team, and contact. Script.js implements contact-form validation and success feedback. The README is minimal, and the HTML files were not sampled, so page roles come from their filenames; page links, styling, and script inclusion cannot be confirmed.

Main entry points: [`Index.html`](https://github.com/joandersonoliveiradasilva/simplicidadesite/blob/main/Index.html) (Home page), [`Jogos.html`](https://github.com/joandersonoliveiradasilva/simplicidadesite/blob/main/Jogos.html) (Games page), [`Time.html`](https://github.com/joandersonoliveiradasilva/simplicidadesite/blob/main/Time.html) (Team page), [`Contato.html`](https://github.com/joandersonoliveiradasilva/simplicidadesite/blob/main/Contato.html) (Contact page)

## Diagram (Mermaid)

```mermaid
flowchart TD

node_visitor(("Visitor"))
node_home["Home page<br/>[Index.html]"]
node_games["Games page<br/>[Jogos.html]"]
node_team["Team page<br/>[Time.html]"]
node_contact["Contact page<br/>[Contato.html]"]
node_contact_handler["Form handler<br/>[Script.js]"]
node_styles["Site styles<br/>[Style.css]"]
node_images["Image assets"]

node_visitor -->|"visits"| node_home
node_visitor -->|"visits"| node_games
node_visitor -->|"visits"| node_team
node_visitor -->|"visits"| node_contact
node_visitor -->|"submits form"| node_contact_handler

click node_home "https://github.com/joandersonoliveiradasilva/simplicidadesite/blob/main/Index.html"
click node_games "https://github.com/joandersonoliveiradasilva/simplicidadesite/blob/main/Jogos.html"
click node_team "https://github.com/joandersonoliveiradasilva/simplicidadesite/blob/main/Time.html"
click node_contact "https://github.com/joandersonoliveiradasilva/simplicidadesite/blob/main/Contato.html"
click node_contact_handler "https://github.com/joandersonoliveiradasilva/simplicidadesite/blob/main/Script.js"
click node_styles "https://github.com/joandersonoliveiradasilva/simplicidadesite/blob/main/Style.css"
click node_images "https://github.com/joandersonoliveiradasilva/simplicidadesite/tree/main/Imagens"

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_visitor toneIndigo
class node_home,node_games,node_team,node_contact,node_styles,node_images toneTeal
class node_contact_handler toneMint
```

## Components

### Other components

- **Visitor**
- [Home page](https://github.com/joandersonoliveiradasilva/simplicidadesite/blob/main/Index.html): `Index.html`
- [Games page](https://github.com/joandersonoliveiradasilva/simplicidadesite/blob/main/Jogos.html): `Jogos.html`
- [Team page](https://github.com/joandersonoliveiradasilva/simplicidadesite/blob/main/Time.html): `Time.html`
- [Contact page](https://github.com/joandersonoliveiradasilva/simplicidadesite/blob/main/Contato.html): `Contato.html`
- [Form handler](https://github.com/joandersonoliveiradasilva/simplicidadesite/blob/main/Script.js): `Script.js`
- [Site styles](https://github.com/joandersonoliveiradasilva/simplicidadesite/blob/main/Style.css): `Style.css`
- [Image assets](https://github.com/joandersonoliveiradasilva/simplicidadesite/tree/main/Imagens): `Imagens`

## Connections

- Visitor → Home page: visits
- Visitor → Games page: visits
- Visitor → Team page: visits
- Visitor → Contact page: visits
- Visitor → Form handler: submits form