OC footer: full-bleed open watermark (img drives height, ~4:1), content overlaid bottom-left — matches reference geometry

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Michael Victory
2026-06-16 10:47:42 -07:00
parent c6a32665be
commit c0fef0e18e
2 changed files with 17 additions and 19 deletions
+13 -11
View File
@@ -161,17 +161,19 @@
</main>
<footer class="band dark site-footer" data-bg="dark">
<div class="footer-watermark" aria-hidden="true"></div>
<div class="wrap footer-inner">
<div class="footer-brand logo-mark" role="img" aria-label="Open Communications"></div>
<nav class="footer-nav" aria-label="Footer">
<a href="#problem">The problem</a>
<a href="#work">How we work</a>
<a href="#who">Who we are</a>
<a href="https://shopwisdom.ca">ShopWisdom</a>
</nav>
<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>
<img class="footer-watermark" src="assets/brand/oc-mark-wh.svg" alt="" aria-hidden="true">
<div class="footer-inner">
<div class="wrap">
<div class="footer-brand logo-mark" role="img" aria-label="Open Communications"></div>
<nav class="footer-nav" aria-label="Footer">
<a href="#problem">The problem</a>
<a href="#work">How we work</a>
<a href="#who">Who we are</a>
<a href="https://shopwisdom.ca">ShopWisdom</a>
</nav>
<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>
</div>
</div>
</footer>