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

OC footer: match reference content (~98px) — drop phone line, tighten so it fits the 4:1 logo-sized footer at phone widths

Browse Source 
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Michael Victory
2026-06-16 11:43:05 -07:00
parent 06a6fce82b
commit f43dd5bf78
2 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
-1
View File
@@ -170,7 +170,6 @@
<a href="#who">Who we are</a> <a href="#who">Who we are</a>
<a href="https://shopwisdom.ca">ShopWisdom</a> <a href="https://shopwisdom.ca">ShopWisdom</a>
</nav> </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> <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>
</div> </div>
style.css
+3 -5
View File
@@ -171,13 +171,11 @@ a.tel { text-decoration: none; }
background: url(assets/brand/oc-mark-wh.svg) no-repeat center; background-size: 100% 100%; background: url(assets/brand/oc-mark-wh.svg) no-repeat center; background-size: 100% 100%;
} }
.footer-inner { position: absolute; left: 0; right: 0; bottom: 0; padding-bottom: 22px; } .footer-inner { position: absolute; left: 0; right: 0; bottom: 0; padding-bottom: 22px; }
.footer-brand { width: 132px; height: 28px; background-color: var(--cream); margin-bottom: 12px; } .footer-brand { width: 128px; height: 27px; background-color: var(--cream); margin-bottom: 10px; }
.footer-nav { display: flex; flex-wrap: wrap; gap: 22px; font-family: 'DM Sans', sans-serif; font-size: 0.7rem; font-weight: 400; text-transform: uppercase; letter-spacing: 0.13em; margin-bottom: 10px; } .footer-nav { display: flex; flex-wrap: wrap; gap: 22px; font-family: 'DM Sans', sans-serif; font-size: 0.7rem; font-weight: 400; text-transform: uppercase; letter-spacing: 0.13em; margin-bottom: 9px; }
.footer-nav a { color: var(--cream-soft); text-decoration: none; } .footer-nav a { color: var(--cream-soft); text-decoration: none; }
.footer-nav a:hover { color: #fff; } .footer-nav a:hover { color: #fff; }
.footer-call { margin: 0 0 8px; } .footer-legal { font-family: 'DM Sans', sans-serif; font-size: 0.72rem; line-height: 1.55; color: rgba(247, 244, 239, 0.4); margin: 0; max-width: 46em; }
.footer-call a.tel { color: var(--amber); font-family: 'DM Sans', sans-serif; font-size: 0.92rem; }
.footer-legal { font-family: 'DM Sans', sans-serif; font-size: 0.74rem; line-height: 1.6; color: rgba(247, 244, 239, 0.4); margin: 0; max-width: 52em; }
/* Focus */ /* Focus */
a:focus-visible, .btn:focus-visible { outline: 2px solid var(--amber); outline-offset: 3px; border-radius: 2px; } a:focus-visible, .btn:focus-visible { outline: 2px solid var(--amber); outline-offset: 3px; border-radius: 2px; }