[STYLE TEST 2] text encoding, shapes, container-vs-data-vs-config

Round 2 style exploration.

1. Text-type encoding — bold name · plain software/detail · italic role, with a slightly larger font:

flowchart LR
  a["`**web** · OpenResty (nginx + Lua)
_reverse proxy · serves /-/u/* uploads_`"]
  b["`**app** · Play / Scala · :9000
_all forum logic · React SSR_`"]
  a --> b
  classDef c fill:#e0e7ff,stroke:#6366f1,color:#312e81,font-size:15px
  class a,b c

2. “Kind” legend — testing Mermaid v11 document shape (container / persistent-data / admin config+secrets):

flowchart LR
  k1["`**Container**
_compute · replaceable on upgrade_`"]
  k2[("`**Persistent data**
_on a volume · irreplaceable_`")]
  k3@{ shape: doc, label: "Admin config & secrets — you edit / back these up" }
  classDef kc fill:#e0e7ff,stroke:#6366f1,color:#312e81
  classDef kd fill:#fef3c7,stroke:#d97706,color:#78350f
  classDef kf fill:#dbeafe,stroke:#2563eb,color:#1e3a5f
  class k1 kc
  class k2 kd
  class k3 kf

3. Same legend, classic shapes (parallelogram for config) — fallback if the doc shape doesn’t render:

flowchart LR
  k1["`**Container**
_replaceable_`"]
  k2[("`**Persistent data**
_irreplaceable_`")]
  k3[/"`**Admin config & secrets**
_editable_`"/]
  classDef kc fill:#e0e7ff,stroke:#6366f1,color:#312e81
  classDef kd fill:#fef3c7,stroke:#d97706,color:#78350f
  classDef kf fill:#dbeafe,stroke:#2563eb,color:#1e3a5f
  class k1 kc
  class k2 kd
  class k3 kf

4. Applied: containers → the data & config they reach — cylinders = irreplaceable data, parallelograms = admin-editable config/secrets, rectangles = replaceable containers:

flowchart LR
  subgraph box["Containers — replaceable on upgrade"]
    app["`**app**
_forum logic_`"]
    rdb["`**rdb** · PostgreSQL`"]
  end
  pg[("`**pg-data**
all forum data
_irreplaceable_`")]
  up[("`**uploads**
user files
_irreplaceable_`")]
  conf[/"`**play-framework.conf**
_admin-editable_`"/]
  sec[/"`**postgres_password**
_secret_`"/]
  rdb --> pg
  app --> up
  conf -.-> app
  sec -.-> rdb
  classDef kc fill:#e0e7ff,stroke:#6366f1,color:#312e81
  classDef kd fill:#fef3c7,stroke:#d97706,color:#78350f
  classDef kf fill:#dbeafe,stroke:#2563eb,color:#1e3a5f
  class app,rdb kc
  class pg,up kd
  class conf,sec kf

End of round 2.