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

OC footer: taller navy anchor, larger 'open' watermark (white svg, lighter render), tuned content scale

Browse Source 
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Michael Victory
2026-06-16 09:46:46 -07:00
parent 7a52ad6b11
commit 2701d617a1
2 changed files with 26 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/brand/oc-mark-wh.svg
+18
View File
@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1267.11 316.97">
<defs>
<style>
.cls-1 {
fill: #fff;
}
</style>
</defs>
<g id="Layer_1-2" data-name="Layer_1">
<g>
<path class="cls-1" d="M792.41,174.06c-8.6,0-15.57-6.97-15.57-15.57s6.97-15.57,15.57-15.57h157.73C942.31,62.69,874.69,0,792.42,0c-87.53,0-158.48,70.96-158.48,158.48s70.96,158.48,158.48,158.48c82.27,0,149.9-62.69,157.72-142.91h-157.73Z"/>
<path class="cls-1" d="M1108.62.38c-.54,0-1.08.02-1.61.02v-.02s-156.87,0-156.87,0v158.1h0c0,.13,0,.25,0,.38,0,82.27,62.69,149.9,142.91,157.72v-157.73c0-8.6,6.97-15.57,15.57-15.57s15.57,6.97,15.57,15.57v157.73c80.22-7.83,142.91-75.45,142.91-157.72,0-87.53-70.96-158.48-158.48-158.48Z"/>
<path class="cls-1" d="M158.48,0C70.96,0,0,70.96,0,158.48s70.96,158.48,158.48,158.48,158.48-70.96,158.48-158.48S246.01,0,158.48,0ZM162.61,209.89c-28.39,0-51.41-23.02-51.41-51.41s23.02-51.41,51.41-51.41,51.41,23.02,51.41,51.41-23.02,51.41-51.41,51.41Z"/>
<path class="cls-1" d="M475.45,0C387.92,0,316.97,70.96,316.97,158.48v158.48h110.07v-158.86c0-28.39,23.02-51.41,51.41-51.41s51.41,23.02,51.41,51.41-23.02,51.41-51.41,51.41h-20.26v107.46h17.26c87.53,0,158.48-70.96,158.48-158.48S562.98,0,475.45,0Z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

style.css
+8 -10
View File
@@ -160,21 +160,19 @@ a.tel { text-decoration: none; }
.actions.center { margin: 2em 0 0.8em; }
.promise { font-style: italic; color: var(--ink-soft); font-size: 0.95rem; }
/* Footer — navy anchor with giant "open" watermark */
.site-footer { padding: 0; background: var(--navy); position: relative; min-height: 380px; display: flex; align-items: flex-end; }
/* Footer — tall navy anchor with giant "open" watermark */
.site-footer { padding: 0; background: var(--navy); position: relative; min-height: 600px; display: flex; align-items: flex-end; overflow: hidden; }
.footer-watermark {
position: absolute; left: 50%; bottom: -8%; transform: translateX(-50%);
width: 130%; height: 88%; pointer-events: none;
background-color: var(--navy-2);
-webkit-mask: url(assets/brand/oc-mark.svg) no-repeat center / contain;
mask: url(assets/brand/oc-mark.svg) no-repeat center / contain;
position: absolute; left: 50%; bottom: 8%; transform: translateX(-50%);
width: 116%; height: 72%; pointer-events: none; opacity: 0.06;
background: url(assets/brand/oc-mark-wh.svg) no-repeat center bottom; background-size: contain;
}
.footer-inner { position: relative; width: 100%; padding: 56px 32px; }
.footer-brand { width: 188px; height: 42px; background-color: var(--cream); margin-bottom: 20px; }
.footer-nav { display: flex; flex-wrap: wrap; gap: 24px; font-family: 'DM Sans', sans-serif; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 18px; }
.footer-brand { width: 150px; height: 34px; background-color: var(--cream); margin-bottom: 22px; }
.footer-nav { display: flex; flex-wrap: wrap; gap: 26px; font-family: 'DM Sans', sans-serif; font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 20px; }
.footer-nav a { color: var(--cream-soft); text-decoration: none; }
.footer-nav a:hover { color: #fff; }
.footer-call { margin: 0 0 18px; }
.footer-call { margin: 0 0 16px; }
.footer-call a.tel { color: var(--amber); font-weight: 700; font-family: 'DM Sans', sans-serif; }
.footer-legal { font-family: 'DM Sans', sans-serif; font-size: 0.78rem; color: rgba(245, 242, 236, 0.45); margin: 0; max-width: 52em; }