# nicolasfrantz/nicolasfrantz.github.io architecture

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

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

## Overview

This repository is a bilingual personal portfolio presenting the developer’s work, including four project case studies. Its principal user journey is browsing the portfolio and opening a project page; the available evidence describes those offerings but does not show the HTML navigation or script wiring. The sampled localization code updates document text, accessibility labels, language metadata, and page title/description. Project capabilities below are portfolio descriptions, not evidence that their underlying applications are implemented here.

Main entry points: [`lang.js`](https://github.com/nicolasfrantz/nicolasfrantz.github.io/blob/master/lang.js) (Translation and page text)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_portfolio["Portfolio pages"]
  node_home["Portfolio home<br/>[index.html]"]
  node_confractus["Confractus case study<br/>[confractus.html]"]
  node_mognon["Studio Mognon case study<br/>[mognon.html]"]
  node_verus["Agenda Verus case study<br/>[verus.html]"]
  node_planilha["Expense sheet case study<br/>[planilha.html]"]
  node_styles["Site styling<br/>[styles.css]"]
end

subgraph group_localization["Localization"]
  node_translations["Translation and page text<br/>[lang.js]"]
end

node_document["Browser document"]

node_translations -->|"updates text and metadata"| node_document

click node_home "https://github.com/nicolasfrantz/nicolasfrantz.github.io/blob/master/index.html"
click node_confractus "https://github.com/nicolasfrantz/nicolasfrantz.github.io/blob/master/projetos/confractus.html"
click node_mognon "https://github.com/nicolasfrantz/nicolasfrantz.github.io/blob/master/projetos/mognon.html"
click node_verus "https://github.com/nicolasfrantz/nicolasfrantz.github.io/blob/master/projetos/verus.html"
click node_planilha "https://github.com/nicolasfrantz/nicolasfrantz.github.io/blob/master/projetos/planilha.html"
click node_styles "https://github.com/nicolasfrantz/nicolasfrantz.github.io/blob/master/styles.css"
click node_translations "https://github.com/nicolasfrantz/nicolasfrantz.github.io/blob/master/lang.js"

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_confractus,node_mognon,node_verus,node_planilha,node_styles,node_document toneBlue
class node_translations toneAmber
```

## Components

### Portfolio pages

- [Portfolio home](https://github.com/nicolasfrantz/nicolasfrantz.github.io/blob/master/index.html): `index.html`
- [Confractus case study](https://github.com/nicolasfrantz/nicolasfrantz.github.io/blob/master/projetos/confractus.html): `projetos/confractus.html`
- [Studio Mognon case study](https://github.com/nicolasfrantz/nicolasfrantz.github.io/blob/master/projetos/mognon.html): `projetos/mognon.html`
- [Agenda Verus case study](https://github.com/nicolasfrantz/nicolasfrantz.github.io/blob/master/projetos/verus.html): `projetos/verus.html`
- [Expense sheet case study](https://github.com/nicolasfrantz/nicolasfrantz.github.io/blob/master/projetos/planilha.html): `projetos/planilha.html`
- [Site styling](https://github.com/nicolasfrantz/nicolasfrantz.github.io/blob/master/styles.css): `styles.css`

### Localization

- [Translation and page text](https://github.com/nicolasfrantz/nicolasfrantz.github.io/blob/master/lang.js): `lang.js`

### Other components

- **Browser document**

## Connections

- Translation and page text → Browser document: updates text and metadata (evidence: `lang.js`)