# monsmain/monsmain.github.io architecture

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

## Overview

This repository is a static personal website with a distinct donation experience. The sampled donation script renders cryptocurrency wallet and rial donation options, supports QR display and address copying, and handles tab and language changes. The README links to the donation page, but the remaining site scripts and pages were not sampled, so their behavior and connections are left unspecified rather than inferred.

Main entry points: [`donate/script.js`](https://github.com/monsmain/monsmain.github.io/blob/main/donate/script.js) (Donation UI), [`index.html`](https://github.com/monsmain/monsmain.github.io/blob/main/index.html) (Home page), [`blog/index.html`](https://github.com/monsmain/monsmain.github.io/blob/main/blog/index.html) (Blog page), [`donate/index.html`](https://github.com/monsmain/monsmain.github.io/blob/main/donate/index.html) (Donation page)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Website"]
  node_home["Home page<br/>[index.html]"]
  node_blog["Blog page<br/>[index.html]"]
  node_site_app["Site application<br/>[app.js]"]
  node_site_effects["Visual effects<br/>[effects.js]"]
  node_site_scene["Scene<br/>[scene.js]"]
  node_site_i18n["Site translations<br/>[i18n.js]"]
end

subgraph group_donations["Donations"]
  node_donate_page["Donation page<br/>[index.html]"]
  node_donate_ui["Donation UI<br/>[script.js]"]
  node_crypto_wallets["Crypto wallets<br/>[script.js]"]
  node_rial_options["Rial options<br/>[script.js]"]
  node_qr_display["QR display<br/>[script.js]"]
end

node_visitor(("Visitor"))
node_donation_services(("Donation services"))

node_visitor -.->|"visits"| node_home
node_visitor -.->|"visits"| node_blog
node_home -->|"links to"| node_donate_page
node_donate_ui -->|"renders"| node_crypto_wallets
node_donate_ui -->|"renders"| node_rial_options
node_donate_ui -->|"opens"| node_qr_display
node_donate_ui -->|"links to"| node_donation_services

click node_home "https://github.com/monsmain/monsmain.github.io/blob/main/index.html"
click node_blog "https://github.com/monsmain/monsmain.github.io/blob/main/blog/index.html"
click node_site_app "https://github.com/monsmain/monsmain.github.io/blob/main/assets/js/app.js"
click node_site_effects "https://github.com/monsmain/monsmain.github.io/blob/main/assets/js/effects.js"
click node_site_scene "https://github.com/monsmain/monsmain.github.io/blob/main/assets/js/scene.js"
click node_site_i18n "https://github.com/monsmain/monsmain.github.io/blob/main/assets/js/i18n.js"
click node_donate_page "https://github.com/monsmain/monsmain.github.io/blob/main/donate/index.html"
click node_donate_ui "https://github.com/monsmain/monsmain.github.io/blob/main/donate/script.js"
click node_crypto_wallets "https://github.com/monsmain/monsmain.github.io/blob/main/donate/script.js"
click node_rial_options "https://github.com/monsmain/monsmain.github.io/blob/main/donate/script.js"
click node_qr_display "https://github.com/monsmain/monsmain.github.io/blob/main/donate/script.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_blog,node_site_app,node_site_effects,node_site_scene,node_site_i18n toneBlue
class node_donate_page,node_donate_ui,node_crypto_wallets,node_rial_options,node_qr_display toneAmber
class node_visitor,node_donation_services toneIndigo
```

## Components

### Website

- [Home page](https://github.com/monsmain/monsmain.github.io/blob/main/index.html): `index.html`
- [Blog page](https://github.com/monsmain/monsmain.github.io/blob/main/blog/index.html): `blog/index.html`
- [Site application](https://github.com/monsmain/monsmain.github.io/blob/main/assets/js/app.js): `assets/js/app.js`
- [Visual effects](https://github.com/monsmain/monsmain.github.io/blob/main/assets/js/effects.js): `assets/js/effects.js`
- [Scene](https://github.com/monsmain/monsmain.github.io/blob/main/assets/js/scene.js): `assets/js/scene.js`
- [Site translations](https://github.com/monsmain/monsmain.github.io/blob/main/assets/js/i18n.js): `assets/js/i18n.js`

### Donations

- [Donation page](https://github.com/monsmain/monsmain.github.io/blob/main/donate/index.html): `donate/index.html`
- [Donation UI](https://github.com/monsmain/monsmain.github.io/blob/main/donate/script.js): `donate/script.js`
- [Crypto wallets](https://github.com/monsmain/monsmain.github.io/blob/main/donate/script.js): `donate/script.js`
- [Rial options](https://github.com/monsmain/monsmain.github.io/blob/main/donate/script.js): `donate/script.js`
- [QR display](https://github.com/monsmain/monsmain.github.io/blob/main/donate/script.js): `donate/script.js`

### Other components

- **Visitor**
- **Donation services**

## Connections

- Visitor → Home page: visits
- Visitor → Blog page: visits
- Home page → Donation page: links to (evidence: `README.md`)
- Donation UI → Crypto wallets: renders (evidence: `donate/script.js`)
- Donation UI → Rial options: renders (evidence: `donate/script.js`)
- Donation UI → QR display: opens (evidence: `donate/script.js`)
- Donation UI → Donation services: links to (evidence: `donate/script.js`)