diff --git a/assets/sw/sw-logo-white.svg b/assets/sw/sw-logo-white.svg new file mode 100644 index 0000000..4e194e4 --- /dev/null +++ b/assets/sw/sw-logo-white.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/sw/sw-logo.svg b/assets/sw/sw-logo.svg new file mode 100644 index 0000000..aadcb57 --- /dev/null +++ b/assets/sw/sw-logo.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/index.html b/index.html index 386a096..74cccc0 100644 --- a/index.html +++ b/index.html @@ -111,7 +111,7 @@

The human side of ShopWisdom.

Open Communications is the human side of ShopWisdom. ShopWisdom builds the systems that keep a shop running when your best people leave. We make sure the people actually use them — and come through the change stronger, not fractured.

Same business. Same straight talk. One side works on the shop; the other works with the crew.

- + @@ -244,7 +244,7 @@ The problem How we work Who we are - ShopWisdom + diff --git a/style.css b/style.css index 2b31da2..a8fc046 100644 --- a/style.css +++ b/style.css @@ -184,6 +184,8 @@ a.tel { text-decoration: none; } .band.light p { color: var(--ink-soft); } .band.light .bridge-link a { color: var(--amber-deep); text-decoration: none; font-family: 'DM Sans', sans-serif; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.08em; border-bottom: 1px solid currentColor; } .bridge-link { margin-top: 1.8em; } +.band.light .bridge-link a.sw-logo-link { border-bottom: none; background: none; display: inline-block; line-height: 0; } +.sw-logo-link img { height: 42px; width: auto; display: block; } /* Service cards */ .services { background: var(--paper); } @@ -246,6 +248,8 @@ a.tel { text-decoration: none; } .footer-logo-img { height: 28px; width: auto; display: block; } .footer-links { display: flex; gap: 1rem; } .footer-links a { font-family: 'DM Sans', system-ui, sans-serif; font-size: 0.55rem; letter-spacing: 0.08em; text-transform: uppercase; color: #f7f4ef; text-decoration: none; transition: color 0.3s; } +.footer-links a.footer-sw-logo { display: inline-flex; align-items: center; } +.footer-sw-logo img { height: 16px; width: auto; display: block; } .footer-links a:hover { color: #e89b1c; } .footer-copy { font-family: 'DM Sans', system-ui, sans-serif; font-size: 0.5rem; color: #f7f4ef66; letter-spacing: 0.03em; line-height: 1.4; margin: 0; } @media (max-width: 900px) {