# waraton/foundlingofthewreck architecture

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

- Interactive diagram: https://gitdiagram.com/waraton/foundlingofthewreck
- Repository: https://github.com/waraton/foundlingofthewreck
- Video tour (about a minute): https://gitdiagram.com/waraton/foundlingofthewreck/video

## Overview

This is a small static reading site: an index and eleven chapter documents, with a stylesheet and a minimal custom-cursor interaction. The sampled script registers a mouse-move handler, checks whether the pointer is over a link, and updates a cursor element’s position and appearance. The HTML files’ links and asset references were not sampled, so those connections are omitted.

Main entry points: [`script.js`](https://github.com/waraton/foundlingofthewreck/blob/main/script.js) (Cursor behavior)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_reading_site["Reading site"]
  node_index["Index<br/>[index.html]"]
  node_chapter1["Chapter 1<br/>[chapter-1.html]"]
  node_chapter2["Chapter 2<br/>[chapter-2.html]"]
  node_chapter3["Chapter 3<br/>[chapter-3.html]"]
  node_chapter4["Chapter 4<br/>[chapter-4.html]"]
  node_chapter5["Chapter 5<br/>[chapter-5.html]"]
  node_chapter6["Chapter 6<br/>[chapter-6.html]"]
  node_chapter7["Chapter 7<br/>[chapter-7.html]"]
  node_chapter8["Chapter 8<br/>[chapter-8.html]"]
  node_chapter9["Chapter 9<br/>[chapter-9.html]"]
  node_chapter10["Chapter 10<br/>[chapter-10.html]"]
  node_chapter11["Chapter 11<br/>[chapter-11.html]"]
  node_stylesheet["Site styles<br/>[style.css]"]
  node_cursor_script["Cursor behavior<br/>[script.js]"]
end

node_browser(("Browser"))
node_document_api["Document API"]
node_cursor_element["Cursor element"]

node_cursor_script -->|"registers listener"| node_document_api
node_document_api -->|"dispatches mousemove"| node_cursor_script
node_cursor_script -->|"queries element"| node_document_api
node_cursor_script -->|"updates styles"| node_cursor_element

click node_index "https://github.com/waraton/foundlingofthewreck/blob/main/index.html"
click node_chapter1 "https://github.com/waraton/foundlingofthewreck/blob/main/chapter-1.html"
click node_chapter2 "https://github.com/waraton/foundlingofthewreck/blob/main/chapter-2.html"
click node_chapter3 "https://github.com/waraton/foundlingofthewreck/blob/main/chapter-3.html"
click node_chapter4 "https://github.com/waraton/foundlingofthewreck/blob/main/chapter-4.html"
click node_chapter5 "https://github.com/waraton/foundlingofthewreck/blob/main/chapter-5.html"
click node_chapter6 "https://github.com/waraton/foundlingofthewreck/blob/main/chapter-6.html"
click node_chapter7 "https://github.com/waraton/foundlingofthewreck/blob/main/chapter-7.html"
click node_chapter8 "https://github.com/waraton/foundlingofthewreck/blob/main/chapter-8.html"
click node_chapter9 "https://github.com/waraton/foundlingofthewreck/blob/main/chapter-9.html"
click node_chapter10 "https://github.com/waraton/foundlingofthewreck/blob/main/chapter-10.html"
click node_chapter11 "https://github.com/waraton/foundlingofthewreck/blob/main/chapter-11.html"
click node_stylesheet "https://github.com/waraton/foundlingofthewreck/blob/main/style.css"
click node_cursor_script "https://github.com/waraton/foundlingofthewreck/blob/main/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_index,node_chapter1,node_chapter2,node_chapter3,node_chapter4,node_chapter5,node_chapter6,node_chapter7,node_chapter8,node_chapter9,node_chapter10,node_chapter11,node_stylesheet,node_cursor_script,node_browser toneBlue
class node_document_api toneMint
class node_cursor_element toneIndigo
```

## Components

### Reading site

- [Index](https://github.com/waraton/foundlingofthewreck/blob/main/index.html): `index.html`
- [Chapter 1](https://github.com/waraton/foundlingofthewreck/blob/main/chapter-1.html): `chapter-1.html`
- [Chapter 2](https://github.com/waraton/foundlingofthewreck/blob/main/chapter-2.html): `chapter-2.html`
- [Chapter 3](https://github.com/waraton/foundlingofthewreck/blob/main/chapter-3.html): `chapter-3.html`
- [Chapter 4](https://github.com/waraton/foundlingofthewreck/blob/main/chapter-4.html): `chapter-4.html`
- [Chapter 5](https://github.com/waraton/foundlingofthewreck/blob/main/chapter-5.html): `chapter-5.html`
- [Chapter 6](https://github.com/waraton/foundlingofthewreck/blob/main/chapter-6.html): `chapter-6.html`
- [Chapter 7](https://github.com/waraton/foundlingofthewreck/blob/main/chapter-7.html): `chapter-7.html`
- [Chapter 8](https://github.com/waraton/foundlingofthewreck/blob/main/chapter-8.html): `chapter-8.html`
- [Chapter 9](https://github.com/waraton/foundlingofthewreck/blob/main/chapter-9.html): `chapter-9.html`
- [Chapter 10](https://github.com/waraton/foundlingofthewreck/blob/main/chapter-10.html): `chapter-10.html`
- [Chapter 11](https://github.com/waraton/foundlingofthewreck/blob/main/chapter-11.html): `chapter-11.html`
- [Site styles](https://github.com/waraton/foundlingofthewreck/blob/main/style.css): `style.css`
- [Cursor behavior](https://github.com/waraton/foundlingofthewreck/blob/main/script.js): `script.js`

### Other components

- **Browser**
- **Document API**
- **Cursor element**

## Connections

- Cursor behavior → Document API: registers listener
- Document API → Cursor behavior: dispatches mousemove
- Cursor behavior → Document API: queries element
- Cursor behavior → Cursor element: updates styles