Drop redundant jmartgraphix wordmark next to logo

Hero shows logo + tagline only; header is logo-only for a11y.
This commit is contained in:
2026-07-24 10:28:40 -04:00
parent d950092772
commit 346b095d3a
4 changed files with 7 additions and 32 deletions
+1 -2
View File
@@ -38,13 +38,12 @@ export function Layout() {
<Link to="/" className="site-header__logo" aria-label={`${name} home`}> <Link to="/" className="site-header__logo" aria-label={`${name} home`}>
<img <img
src="/logo.png" src="/logo.png"
alt="" alt={name}
className="site-header__logo-img" className="site-header__logo-img"
width={36} width={36}
height={36} height={36}
decoding="async" decoding="async"
/> />
<span className="site-header__logo-text">{name}</span>
</Link> </Link>
<button <button
className="site-header__burger" className="site-header__burger"
+4 -24
View File
@@ -12,42 +12,22 @@
pointer-events: none; pointer-events: none;
} }
h1 {
margin: 0 0 0.75rem;
font-size: clamp(2.8rem, 8vw, 5.2rem);
font-weight: 400;
}
&__serif {
font-family: var(--font-serif);
font-style: italic;
letter-spacing: -0.03em;
}
&__logo { &__logo {
width: 96px; width: 96px;
height: 96px; height: 96px;
object-fit: contain; object-fit: contain;
border-radius: 16px; border-radius: 16px;
background: #000; background: #000;
margin-bottom: 1.5rem; margin-bottom: 1.25rem;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
} }
&__eyebrow {
text-transform: uppercase;
letter-spacing: 0.18em;
font-size: 0.75rem;
color: var(--accent);
margin: 0 0 1rem;
font-weight: 500;
}
&__sub { &__sub {
font-size: 1.15rem; font-size: clamp(1.15rem, 2.5vw, 1.45rem);
color: var(--text-muted); color: var(--text-muted);
margin: 0 0 1rem; margin: 0 0 1.25rem;
max-width: 32rem; max-width: 32rem;
letter-spacing: 0.02em;
} }
&__about { &__about {
+1 -5
View File
@@ -24,7 +24,6 @@ export function HomePage() {
}); });
}, []); }, []);
const heroTitle = site?.heroTitle || site?.name || "jmartgraphix";
const heroSub = site?.heroSubtitle || "3D · Design · Motion · Craft"; const heroSub = site?.heroSubtitle || "3D · Design · Motion · Craft";
return ( return (
@@ -39,10 +38,7 @@ export function HomePage() {
height={96} height={96}
decoding="async" decoding="async"
/> />
<p className="home-hero__eyebrow">Portfolio</p> <h1 className="sr-only">jmartgraphix</h1>
<h1>
<span className="home-hero__serif">{heroTitle}</span>
</h1>
<p className="home-hero__sub">{heroSub}</p> <p className="home-hero__sub">{heroSub}</p>
<p className="home-hero__about"> <p className="home-hero__about">
{site?.about || {site?.about ||
+1 -1
View File
@@ -195,7 +195,7 @@ async function main() {
youtube: "https://www.youtube.com/@samuraijkm", youtube: "https://www.youtube.com/@samuraijkm",
vimeo: "https://vimeo.com/jmartgraphix", vimeo: "https://vimeo.com/jmartgraphix",
}, },
heroTitle: "jmartgraphix", heroTitle: "",
heroSubtitle: "3D · Design · Motion · Craft", heroSubtitle: "3D · Design · Motion · Craft",
}, },
}, },