# milocress/silk-road-narrative architecture

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

- Interactive diagram: https://gitdiagram.com/milocress/silk-road-narrative
- Repository: https://github.com/milocress/silk-road-narrative

## Overview

This is a static multimedia narrative essay about Ross Ulbricht and the Silk Road, presented as a collection of HTML pages with animation styling. The documented authoring goal is to use literate programming to turn an Org-mode essay into a richer, multi-page presentation. The tree shows the source document, page variants, and stylesheet, but no source excerpts establish generation steps or page-to-page navigation, so those relationships are not asserted.

Main entry points: [`narrative.org`](https://github.com/milocress/silk-road-narrative/blob/master/narrative.org) (Org essay), [`narrative.html`](https://github.com/milocress/silk-road-narrative/blob/master/narrative.html) (Narrative page)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_authoring["Essay source"]
  node_essay["Org essay<br/>[narrative.org]"]
end

subgraph group_presentation["Web presentation"]
  node_landing["Landing page<br/>[index.html]"]
  node_multimedia["Multimedia page<br/>[multimedia.html]"]
  node_narrative["Narrative page<br/>[narrative.html]"]
  node_chapter1["Chapter one<br/>[narrative-1.html]"]
  node_chapter2["Chapter two<br/>[narrative-2.html]"]
  node_chapter3["Chapter three<br/>[narrative-3.html]"]
  node_chapter4["Chapter four<br/>[narrative-4.html]"]
  node_basic1["Basic page one"]
  node_basic2["Basic page two"]
  node_basic3["Basic page three"]
  node_basic4["Basic page four"]
end

subgraph group_styling["Visual styling"]
  node_animation["Animation styles<br/>[animate.css]"]
end

node_author(("Reader"))

node_essay -.->|"informs"| node_narrative

click node_essay "https://github.com/milocress/silk-road-narrative/blob/master/narrative.org"
click node_landing "https://github.com/milocress/silk-road-narrative/blob/master/index.html"
click node_multimedia "https://github.com/milocress/silk-road-narrative/blob/master/multimedia.html"
click node_narrative "https://github.com/milocress/silk-road-narrative/blob/master/narrative.html"
click node_chapter1 "https://github.com/milocress/silk-road-narrative/blob/master/narrative-1.html"
click node_chapter2 "https://github.com/milocress/silk-road-narrative/blob/master/narrative-2.html"
click node_chapter3 "https://github.com/milocress/silk-road-narrative/blob/master/narrative-3.html"
click node_chapter4 "https://github.com/milocress/silk-road-narrative/blob/master/narrative-4.html"
click node_basic1 "https://github.com/milocress/silk-road-narrative/blob/master/narrative-basic-1.html"
click node_basic2 "https://github.com/milocress/silk-road-narrative/blob/master/narrative-basic-2.html"
click node_basic3 "https://github.com/milocress/silk-road-narrative/blob/master/narrative-basic-3.html"
click node_basic4 "https://github.com/milocress/silk-road-narrative/blob/master/narrative-basic-4.html"
click node_animation "https://github.com/milocress/silk-road-narrative/blob/master/css/animate.css"

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_essay toneBlue
class node_landing,node_multimedia,node_narrative,node_chapter1,node_chapter2,node_chapter3,node_chapter4,node_basic1,node_basic2,node_basic3,node_basic4 toneAmber
class node_animation toneMint
class node_author toneIndigo
```

## Components

### Essay source

- [Org essay](https://github.com/milocress/silk-road-narrative/blob/master/narrative.org): `narrative.org`

### Web presentation

- [Landing page](https://github.com/milocress/silk-road-narrative/blob/master/index.html): `index.html`
- [Multimedia page](https://github.com/milocress/silk-road-narrative/blob/master/multimedia.html): `multimedia.html`
- [Narrative page](https://github.com/milocress/silk-road-narrative/blob/master/narrative.html): `narrative.html`
- [Chapter one](https://github.com/milocress/silk-road-narrative/blob/master/narrative-1.html): `narrative-1.html`
- [Chapter two](https://github.com/milocress/silk-road-narrative/blob/master/narrative-2.html): `narrative-2.html`
- [Chapter three](https://github.com/milocress/silk-road-narrative/blob/master/narrative-3.html): `narrative-3.html`
- [Chapter four](https://github.com/milocress/silk-road-narrative/blob/master/narrative-4.html): `narrative-4.html`
- [Basic page one](https://github.com/milocress/silk-road-narrative/blob/master/narrative-basic-1.html): `narrative-basic-1.html`
- [Basic page two](https://github.com/milocress/silk-road-narrative/blob/master/narrative-basic-2.html): `narrative-basic-2.html`
- [Basic page three](https://github.com/milocress/silk-road-narrative/blob/master/narrative-basic-3.html): `narrative-basic-3.html`
- [Basic page four](https://github.com/milocress/silk-road-narrative/blob/master/narrative-basic-4.html): `narrative-basic-4.html`

### Visual styling

- [Animation styles](https://github.com/milocress/silk-road-narrative/blob/master/css/animate.css): `css/animate.css`

### Other components

- **Reader**

## Connections

- Org essay → Narrative page: informs