diff --git a/src/components/Contact.astro b/src/components/Contact.astro index 0572ffe..96ee20f 100644 --- a/src/components/Contact.astro +++ b/src/components/Contact.astro @@ -128,7 +128,7 @@ import {SecretEmail} from '@scripts/SecretEmail'; display: block; padding-left: 1rem; font-size: var(--h4-size); - font-weight: 600; + font-weight: 500; text-transform: uppercase; letter-spacing: 0.2em; white-space: nowrap; diff --git a/src/components/ContentBlock.astro b/src/components/ContentBlock.astro index 31c09ec..61aa29f 100644 --- a/src/components/ContentBlock.astro +++ b/src/components/ContentBlock.astro @@ -63,6 +63,10 @@ const inactive = !title || !subtitle; /* Just a small nudge for better vertical centering */ padding-top: calc(var(--space-tightest) + 0.1rem); + & > h3 { + font-weight: 800; + } + @media (--min-tablet) { padding: var(--space-tighter); } diff --git a/src/components/Hamburger.astro b/src/components/Hamburger.astro index 372237c..9a717e5 100644 --- a/src/components/Hamburger.astro +++ b/src/components/Hamburger.astro @@ -26,11 +26,10 @@ const {id, controlsId} = Astro.props; @import '@styles/shared.css'; :root { + /* `height` and `padding` variables come from `globla.css` */ --hamburger-width-min: 2.4rem; --hamburger-width-max: 3rem; - --hamburger-height: 2rem; --hamburger-line-height: 0.3rem; - --hamburger-padding: var(--space-tightest); /* Computed value: `height - line-height` */ --hamburger-patty3-y: 1.7rem; diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro index db3fa4f..39ac4f0 100644 --- a/src/components/Navigation.astro +++ b/src/components/Navigation.astro @@ -38,12 +38,6 @@ const {id, items = []} = Astro.props; @import '@styles/shared.css'; :root { - /* TODO: Figure out how to share `Hamburger` variables. */ - --hamburger-height: 2rem; - --hamburger-padding: var(--space-tightest); - - /* Component */ - --nav-offset-safety: 0.2rem; --nav-item-shift-x: 0.3rem; @@ -162,7 +156,7 @@ const {id, items = []} = Astro.props; padding-bottom: var(--nav-label-padding-y); padding-left: var(--nav-label-padding-left); font-size: var(--p-size); - font-weight: 700; + font-weight: 600; text-transform: uppercase; letter-spacing: 0.2rem; white-space: nowrap; diff --git a/src/sections/Intro.astro b/src/sections/Intro.astro index b0cd776..b504cb2 100644 --- a/src/sections/Intro.astro +++ b/src/sections/Intro.astro @@ -14,7 +14,11 @@ const {id, thumbnail} = Astro.props;

Dulmage

-

UX Developer

+ +
+

UX Developer

+

Ottawa, ON

+

Background image photographed by: Curtis Dulmage @@ -35,6 +39,10 @@ const {id, thumbnail} = Astro.props;