# zyruspogi2006/final-web architecture

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

- Interactive diagram: https://gitdiagram.com/zyruspogi2006/final-web
- Repository: https://github.com/zyruspogi2006/final-web

## Overview

This is a small website repository containing twelve character-named HTML files. The README describes it as an HTML/CSS/JS/JSON website, but the provided tree shows only HTML files, and no source excerpts document page contents, navigation, or runtime behavior. The graph therefore records the available page components without assuming how users move between them or what assets they use.

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_pages["Character pages"]
  node_aether["Aether<br/>[aether.html]"]
  node_diluc["Diluc<br/>[diluc.html]"]
  node_eula["Eula<br/>[eula.html]"]
  node_genshhin["Genshhin<br/>[genshhin.html]"]
  node_gensshin_login["Gensshin login"]
  node_hutao["Hutao<br/>[hutao.html]"]
  node_jean["Jean<br/>[jean.html]"]
  node_klee["Klee<br/>[klee.html]"]
  node_lumine["Lumine<br/>[lumine.html]"]
  node_noelle["Noelle<br/>[noelle.html]"]
  node_raiden["Raiden<br/>[raiden.html]"]
  node_zhongli["Zhongli<br/>[zhongli.html]"]
end

click node_aether "https://github.com/zyruspogi2006/final-web/blob/main/att/aether.html"
click node_diluc "https://github.com/zyruspogi2006/final-web/blob/main/att/diluc.html"
click node_eula "https://github.com/zyruspogi2006/final-web/blob/main/att/eula.html"
click node_genshhin "https://github.com/zyruspogi2006/final-web/blob/main/att/genshhin.html"
click node_gensshin_login "https://github.com/zyruspogi2006/final-web/blob/main/att/gensshin-login.html"
click node_hutao "https://github.com/zyruspogi2006/final-web/blob/main/att/hutao.html"
click node_jean "https://github.com/zyruspogi2006/final-web/blob/main/att/jean.html"
click node_klee "https://github.com/zyruspogi2006/final-web/blob/main/att/klee.html"
click node_lumine "https://github.com/zyruspogi2006/final-web/blob/main/att/lumine.html"
click node_noelle "https://github.com/zyruspogi2006/final-web/blob/main/att/noelle.html"
click node_raiden "https://github.com/zyruspogi2006/final-web/blob/main/att/raiden.html"
click node_zhongli "https://github.com/zyruspogi2006/final-web/blob/main/att/zhongli.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_aether,node_diluc,node_eula,node_genshhin,node_gensshin_login,node_hutao,node_jean,node_klee,node_lumine,node_noelle,node_raiden,node_zhongli toneBlue
```

## Components

### Character pages

- [Aether](https://github.com/zyruspogi2006/final-web/blob/main/att/aether.html): `att/aether.html`
- [Diluc](https://github.com/zyruspogi2006/final-web/blob/main/att/diluc.html): `att/diluc.html`
- [Eula](https://github.com/zyruspogi2006/final-web/blob/main/att/eula.html): `att/eula.html`
- [Genshhin](https://github.com/zyruspogi2006/final-web/blob/main/att/genshhin.html): `att/genshhin.html`
- [Gensshin login](https://github.com/zyruspogi2006/final-web/blob/main/att/gensshin-login.html): `att/gensshin-login.html`
- [Hutao](https://github.com/zyruspogi2006/final-web/blob/main/att/hutao.html): `att/hutao.html`
- [Jean](https://github.com/zyruspogi2006/final-web/blob/main/att/jean.html): `att/jean.html`
- [Klee](https://github.com/zyruspogi2006/final-web/blob/main/att/klee.html): `att/klee.html`
- [Lumine](https://github.com/zyruspogi2006/final-web/blob/main/att/lumine.html): `att/lumine.html`
- [Noelle](https://github.com/zyruspogi2006/final-web/blob/main/att/noelle.html): `att/noelle.html`
- [Raiden](https://github.com/zyruspogi2006/final-web/blob/main/att/raiden.html): `att/raiden.html`
- [Zhongli](https://github.com/zyruspogi2006/final-web/blob/main/att/zhongli.html): `att/zhongli.html`