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

OC: adopt real 2026 brand — monochrome palette, official open-communications logo (adaptive via CSS mask), geometric pattern motif; drop placeholder amber

Browse Source 
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Michael Victory
2026-06-16 08:00:43 -07:00
parent 7fc9b20673
commit a054a4fe91
42 changed files with 1292 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+11 -11
View File
@@ -15,7 +15,7 @@
<header class="nav on-dark" id="nav">
<div class="wrap nav-row">
<a class="wordmark" href="#top">Open<span>Communications</span></a>
<a class="wordmark" href="#top" aria-label="Open Communications — home"><span class="logo-mark" role="img" aria-label="Open Communications"></span></a>
<nav class="nav-links" aria-label="Main">
<a href="#problem">The problem</a>
<a href="#work">How we work</a>
@@ -96,10 +96,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="#c08a72" stroke-width="2">
<polygon points="175,95 70,295 280,295" fill="rgba(192,138,114,0.06)"/>
<g fill="none" stroke="#8a857e" stroke-width="2">
<polygon points="175,95 70,295 280,295" fill="rgba(243,240,234,0.03)"/>
</g>
<g fill="#c08a72"><circle cx="175" cy="95" r="5"/><circle cx="70" cy="295" r="5"/><circle cx="280" cy="295" r="5"/></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 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 +107,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="#c08a72" font-size="12.5" font-weight="700" letter-spacing="1.5">BELOW THE LINE</text>
<text x="175" y="362" fill="#8a857e" font-size="12.5" font-weight="700" letter-spacing="1.5">BELOW THE LINE</text>
</g>
<g stroke="#e89b1c" stroke-width="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round">
<g stroke="#f3f0ea" 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="#e89b1c" stroke-width="2">
<polygon points="595,95 490,295 700,295" fill="rgba(232,155,28,0.08)"/>
<g fill="none" stroke="#f3f0ea" stroke-width="2">
<polygon points="595,95 490,295 700,295" fill="rgba(243,240,234,0.10)"/>
</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 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 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 +127,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="#e89b1c" font-size="12.5" font-weight="700" letter-spacing="1.5">ABOVE THE LINE</text>
<text x="595" y="362" fill="#f3f0ea" font-size="12.5" font-weight="700" letter-spacing="1.5">ABOVE THE LINE</text>
</g>
</svg>
</div>
@@ -168,7 +168,7 @@
<footer class="band dark site-footer" data-bg="dark">
<div class="wrap">
<p class="footer-brand">Open<span>Communications</span></p>
<div class="footer-brand logo-mark" role="img" aria-label="Open Communications"></div>
<p>The human side of change · Hosted in Canada</p>
<p class="footer-call"><a class="tel" data-p1="778" data-p2="985" data-p3="6736" href="mailto:michael@opencommunications.consulting">778&#8209;985&#8209;OPEN (6736)</a></p>
<p class="footer-legal">Open Communications and ShopWisdom are practices of Open Communications, owned and operated by Michael Victory · British Columbia, Canada</p>