# femcil/femcil.github.io architecture

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

## Overview

This repository is a small gaming and personal-content website, accompanied by a Discord client plugin. The website tree exposes a home page, game catalog and individual games, plus story and social pages; the Agario assets indicate a separate game runtime. The plugin adds configurable falling-leaf effects to a Vendetta-based Discord client. No README or website source excerpts were provided, so page-to-page navigation and most website runtime relationships cannot be verified; those components are shown without invented connections.

Main entry points: [`discord-plugins/FallingCherryLeaves/index.js`](https://github.com/femcil/femcil.github.io/blob/main/discord-plugins/FallingCherryLeaves/index.js) (Leaf overlay)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Website content"]
  node_home["Home page<br/>[home.html]"]
  node_landing["Index page<br/>[index.html]"]
  node_story["Character story<br/>[story.html]"]
  node_socials["Social links<br/>[socials.html]"]
end

subgraph group_games["Games"]
  node_catalog["Game catalog<br/>[catalog.html]"]
  node_agario_page["Agario page<br/>[agario.html]"]
  node_powdertoy["Powder Toy<br/>[powder-toy.html]"]
  node_yonkafish["Yonkafish<br/>[yonkafish.html]"]
  node_game_styles["Game styles<br/>[agario.css]"]
end

subgraph group_agario["Agario runtime"]
  node_agario_server["Game server<br/>[server.js]"]
  node_agario_render["Game renderer<br/>[render.js]"]
end

subgraph group_plugin["Discord plugin"]
  node_plugin_settings["Plugin settings<br/>[index.js]"]
  node_leaf_overlay["Leaf overlay<br/>[index.js]"]
end

node_visitor(("Site visitor"))
node_discord_client(("Vendetta client"))
node_petal_images["Hosted petal images"]

node_discord_client -->|"loads plugin"| node_plugin_settings
node_discord_client -->|"patches view"| node_leaf_overlay
node_plugin_settings -->|"configures effects"| node_leaf_overlay
node_leaf_overlay -->|"loads textures"| node_petal_images

click node_home "https://github.com/femcil/femcil.github.io/blob/main/home.html"
click node_landing "https://github.com/femcil/femcil.github.io/blob/main/index.html"
click node_catalog "https://github.com/femcil/femcil.github.io/blob/main/games/catalog.html"
click node_agario_page "https://github.com/femcil/femcil.github.io/blob/main/games/agario/agario.html"
click node_powdertoy "https://github.com/femcil/femcil.github.io/blob/main/games/powdertoy/powder-toy.html"
click node_yonkafish "https://github.com/femcil/femcil.github.io/blob/main/games/yonkafish/yonkafish.html"
click node_story "https://github.com/femcil/femcil.github.io/blob/main/characters/story.html"
click node_socials "https://github.com/femcil/femcil.github.io/blob/main/socials.html"
click node_agario_server "https://github.com/femcil/femcil.github.io/blob/main/assets/js/agario/server.js"
click node_agario_render "https://github.com/femcil/femcil.github.io/blob/main/assets/js/agario/render.js"
click node_game_styles "https://github.com/femcil/femcil.github.io/blob/main/assets/css/agario.css"
click node_plugin_settings "https://github.com/femcil/femcil.github.io/blob/main/discord-plugins/FallingCherryLeaves/index.js"
click node_leaf_overlay "https://github.com/femcil/femcil.github.io/blob/main/discord-plugins/FallingCherryLeaves/index.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_landing,node_story,node_socials,node_discord_client toneBlue
class node_catalog,node_agario_page,node_powdertoy,node_yonkafish,node_game_styles toneAmber
class node_agario_server,node_agario_render toneMint
class node_plugin_settings,node_leaf_overlay toneRose
class node_visitor,node_petal_images toneIndigo
```

## Components

### Website content

- [Home page](https://github.com/femcil/femcil.github.io/blob/main/home.html): `home.html`
- [Index page](https://github.com/femcil/femcil.github.io/blob/main/index.html): `index.html`
- [Character story](https://github.com/femcil/femcil.github.io/blob/main/characters/story.html): `characters/story.html`
- [Social links](https://github.com/femcil/femcil.github.io/blob/main/socials.html): `socials.html`

### Games

- [Game catalog](https://github.com/femcil/femcil.github.io/blob/main/games/catalog.html): `games/catalog.html`
- [Agario page](https://github.com/femcil/femcil.github.io/blob/main/games/agario/agario.html): `games/agario/agario.html`
- [Powder Toy](https://github.com/femcil/femcil.github.io/blob/main/games/powdertoy/powder-toy.html): `games/powdertoy/powder-toy.html`
- [Yonkafish](https://github.com/femcil/femcil.github.io/blob/main/games/yonkafish/yonkafish.html): `games/yonkafish/yonkafish.html`
- [Game styles](https://github.com/femcil/femcil.github.io/blob/main/assets/css/agario.css): `assets/css/agario.css`

### Agario runtime

- [Game server](https://github.com/femcil/femcil.github.io/blob/main/assets/js/agario/server.js): `assets/js/agario/server.js`
- [Game renderer](https://github.com/femcil/femcil.github.io/blob/main/assets/js/agario/render.js): `assets/js/agario/render.js`

### Discord plugin

- [Plugin settings](https://github.com/femcil/femcil.github.io/blob/main/discord-plugins/FallingCherryLeaves/index.js): `discord-plugins/FallingCherryLeaves/index.js`
- [Leaf overlay](https://github.com/femcil/femcil.github.io/blob/main/discord-plugins/FallingCherryLeaves/index.js): `discord-plugins/FallingCherryLeaves/index.js`

### Other components

- **Site visitor**
- **Vendetta client**
- **Hosted petal images**

## Connections

- Vendetta client → Plugin settings: loads plugin (evidence: `discord-plugins/FallingCherryLeaves/index.js`)
- Vendetta client → Leaf overlay: patches view (evidence: `discord-plugins/FallingCherryLeaves/index.js`)
- Plugin settings → Leaf overlay: configures effects (evidence: `discord-plugins/FallingCherryLeaves/index.js`)
- Leaf overlay → Hosted petal images: loads textures (evidence: `discord-plugins/FallingCherryLeaves/index.js`)