From c828fdfb473a5d6ae5af97a022b94ec59723d81b Mon Sep 17 00:00:00 2001 From: reecelikesramen <3149587+reecelikesramen@users.noreply.github.com> Date: Tue, 5 May 2026 10:13:33 -0600 Subject: [PATCH 1/2] fix(marketing): header logo iPhone clipping + use shared SVG asset MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Logo.astro imports the existing pywire-mark.svg as an Astro SVG component instead of duplicating the path inline. Single source of truth; SVG still inlined into HTML at build (currentColor theming preserved). - Glyph viewBox widened from "37 47 133 191" to "35 41 138 202": path coords reach y~43, y~239, x~170.66 — the old viewBox subpixel-clipped the top and bottom of the P on Mobile Safari. - .logo-mark CSS sizing changed to width/height 100% so iOS Safari has explicit dimensions to render against (the old auto+100% combo was unreliable on iOS without explicit width/height attrs on the SVG). --- site/src/assets/img/pywire-mark.svg | 2 +- site/src/components/Logo.astro | 14 +++----------- 2 files changed, 4 insertions(+), 12 deletions(-) diff --git a/site/src/assets/img/pywire-mark.svg b/site/src/assets/img/pywire-mark.svg index 9684a3c..442711e 100644 --- a/site/src/assets/img/pywire-mark.svg +++ b/site/src/assets/img/pywire-mark.svg @@ -1,5 +1,5 @@ - + \ No newline at end of file diff --git a/site/src/components/Logo.astro b/site/src/components/Logo.astro index d61599a..1b74749 100644 --- a/site/src/components/Logo.astro +++ b/site/src/components/Logo.astro @@ -1,5 +1,6 @@ --- import { Link } from 'accessible-astro-components' +import PywireMark from '../assets/img/pywire-mark.svg' /** * Logo Component — chip-framed pywire mark + monoface wordmark. @@ -13,16 +14,7 @@ import { Link } from 'accessible-astro-components' pywire @@ -67,7 +59,7 @@ import { Link } from 'accessible-astro-components' .logo-mark { display: block; - width: auto; + width: 100%; height: 100%; } From e938c463a4755b182a2adefd84750345b071f8ce Mon Sep 17 00:00:00 2001 From: reecelikesramen <3149587+reecelikesramen@users.noreply.github.com> Date: Tue, 5 May 2026 10:16:39 -0600 Subject: [PATCH 2/2] fix(marketing): strip color attr from pywire-mark.svg so logo inherits accent The shared SVG carried a hardcoded color="#1d3df0" attribute, which sets the element's own currentColor and overrode the parent CSS .logo-mark { color: var(--accent-color) }. Result: the P glyph rendered in blue instead of the cyan accent. The previous inline copy didn't have this attr, so the regression only landed when the component switched to importing the shared file. --- site/src/assets/img/pywire-mark.svg | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/src/assets/img/pywire-mark.svg b/site/src/assets/img/pywire-mark.svg index 442711e..e98679c 100644 --- a/site/src/assets/img/pywire-mark.svg +++ b/site/src/assets/img/pywire-mark.svg @@ -1,5 +1,5 @@ - + \ No newline at end of file