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

OC: restore reference color scheme (navy + amber + glass); keep real logo + pattern

Browse Source 
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Michael Victory
2026-06-16 08:53:21 -07:00
parent a054a4fe91
commit fb44bc8a15
2 changed files with 58 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+10 -9
View File
@@ -30,6 +30,7 @@
<section class="hero" data-bg="dark">
<div class="glow" aria-hidden="true"></div>
<div class="pattern" aria-hidden="true"></div>
<div class="wrap">
<p class="eyebrow">The human side of change · for Canadian manufacturers</p>
<h1>The systems are the easy part.</h1>
@@ -96,10 +97,10 @@
<title id="tri-title">The drama triangle versus the empowerment triangle</title>
<desc id="tri-desc">On the left, the drama triangle below the line: Victim, Villain, and Rescuer. An arrow points right to the empowerment triangle above the line: Creator, Challenger, and Coach.</desc>
<g fill="none" stroke="#8a857e" stroke-width="2">
<polygon points="175,95 70,295 280,295" fill="rgba(243,240,234,0.03)"/>
<g fill="none" stroke="#b8836f" stroke-width="2">
<polygon points="175,95 70,295 280,295" fill="rgba(184,131,111,0.06)"/>
</g>
<g fill="#8a857e"><circle cx="175" cy="95" r="5"/><circle cx="70" cy="295" r="5"/><circle cx="280" cy="295" r="5"/></g>
<g fill="#b8836f"><circle cx="175" cy="95" r="5"/><circle cx="70" cy="295" r="5"/><circle cx="280" cy="295" r="5"/></g>
<g text-anchor="middle" font-family="'DM Sans',sans-serif">
<text x="175" y="70" fill="#fff" font-size="16" font-weight="700">Rescuer</text>
<text x="175" y="86" fill="rgba(244,241,234,0.66)" font-size="12.5">swoops in, burns out</text>
@@ -107,19 +108,19 @@
<text x="70" y="336" fill="rgba(244,241,234,0.66)" font-size="12.5">&#8220;nothing I can do&#8221;</text>
<text x="280" y="320" fill="#fff" font-size="16" font-weight="700">Villain</text>
<text x="280" y="336" fill="rgba(244,241,234,0.66)" font-size="12.5">the one who gets blamed</text>
<text x="175" y="362" fill="#8a857e" font-size="12.5" font-weight="700" letter-spacing="1.5">BELOW THE LINE</text>
<text x="175" y="362" fill="#b8836f" font-size="12.5" font-weight="700" letter-spacing="1.5">BELOW THE LINE</text>
</g>
<g stroke="#f3f0ea" stroke-width="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round">
<g stroke="#e89b1c" stroke-width="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path d="M330,200 L432,200"/>
<path d="M420,191 L434,200 L420,209"/>
</g>
<text x="381" y="186" text-anchor="middle" fill="rgba(244,241,234,0.7)" font-size="12.5" font-family="'DM Sans',sans-serif">we move teams</text>
<g fill="none" stroke="#f3f0ea" stroke-width="2">
<polygon points="595,95 490,295 700,295" fill="rgba(243,240,234,0.10)"/>
<g fill="none" stroke="#e89b1c" stroke-width="2">
<polygon points="595,95 490,295 700,295" fill="rgba(232,155,28,0.08)"/>
</g>
<g fill="#f3f0ea"><circle cx="595" cy="95" r="5"/><circle cx="490" cy="295" r="5"/><circle cx="700" cy="295" r="5"/></g>
<g fill="#e89b1c"><circle cx="595" cy="95" r="5"/><circle cx="490" cy="295" r="5"/><circle cx="700" cy="295" r="5"/></g>
<g text-anchor="middle" font-family="'DM Sans',sans-serif">
<text x="595" y="70" fill="#fff" font-size="16" font-weight="700">Coach</text>
<text x="595" y="86" fill="rgba(244,241,234,0.66)" font-size="12.5">builds people up</text>
@@ -127,7 +128,7 @@
<text x="490" y="336" fill="rgba(244,241,234,0.66)" font-size="12.5">owns the outcome</text>
<text x="700" y="320" fill="#fff" font-size="16" font-weight="700">Challenger</text>
<text x="700" y="336" fill="rgba(244,241,234,0.66)" font-size="12.5">calls it straight</text>
<text x="595" y="362" fill="#f3f0ea" font-size="12.5" font-weight="700" letter-spacing="1.5">ABOVE THE LINE</text>
<text x="595" y="362" fill="#e89b1c" font-size="12.5" font-weight="700" letter-spacing="1.5">ABOVE THE LINE</text>
</g>
</svg>
</div>