mike/oc-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reframe drama/empowerment model (not a workshop) + separate triangles + add IP attribution + above/below-the-line graphic

Browse Source 
- Reframe: card tags Workshop/Flagship -> 'A shared lens' / 'The core shift';
  diagram intro now 'not a workshop you sit through - a lens for the room'.
- Separate the two triangles: drama points DOWN (Persecutor/Rescuer/Victim),
  empowerment points UP (Creator/Challenger/Coach), with a 'the shift' arrow +
  role-mapping legend (Victim->Creator, Persecutor->Challenger, Rescuer->Coach).
- Proper IP attribution: Karpman (1968) for the Drama Triangle; David Emerald
  (TED*) for the Empowerment Dynamic; Conscious Leadership Group for above/below.
- New 'above / below the line' teaching graphic with its own section + credit.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Michael Victory
2026-06-17 14:20:35 -07:00
parent 4d42fbf43f
commit 1ab78f0c76
2 changed files with 68 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style.css
+8
View File
@@ -173,6 +173,14 @@ a.tel { text-decoration: none; }
/* Diagram */
.triangles { display: block; width: 100%; max-width: 720px; height: auto; margin: 44px auto 0; }
.line-graphic { display: block; width: 100%; max-width: 560px; height: auto; margin: 40px auto 0; }
.shift-legend { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 30px; margin: 28px 0 0; padding: 0; font-family: 'DM Sans', sans-serif; font-size: 0.82rem; letter-spacing: 0.02em; }
.shift-legend li { color: var(--ink-soft); }
.shift-legend .from { color: #6b7280; }
.shift-legend .arr { color: var(--ink-soft); margin: 0 0.2em; }
.shift-legend .to { color: var(--amber-deep); font-weight: 500; }
.diagram-credit { font-family: 'DM Sans', sans-serif; font-size: 0.72rem; line-height: 1.6; color: #8a8276; text-align: center; max-width: 52em; margin: 22px auto 0; }
.diagram-credit em { font-style: italic; }
/* Who — hairline-separated rows */
.people { margin: 44px 0; border-top: 1px solid var(--line); }