From 92887ac616c31022757a92bcefc6d0692d8dde81 Mon Sep 17 00:00:00 2001 From: Curtis Dulmage Date: Mon, 22 Jul 2024 11:58:39 -0400 Subject: [PATCH] :bug: [Head] Try to fix open graph image (#56) --- src/layouts/Page.astro | 3 +-- src/styles/global.css | 11 +++++++++++ 2 files changed, 12 insertions(+), 2 deletions(-) diff --git a/src/layouts/Page.astro b/src/layouts/Page.astro index 88c2e1e..5b7fe9b 100644 --- a/src/layouts/Page.astro +++ b/src/layouts/Page.astro @@ -19,8 +19,7 @@ const {id, title = 'Curtis Dulmage | UX Developer'} = Astro.props; const DESCRIPTION = 'UX development portfolio for Curtis Dulmage'; const PERMALINK = new URL(Astro.url.pathname, Astro.site).href; -// new URL('/assets/dulmage-social.png', Astro.site).href; -const OG_IMAGE = '/assets/dulmage-social.png'; +const OG_IMAGE = new URL('/assets/dulmage-social.png', Astro.site).href; --- diff --git a/src/styles/global.css b/src/styles/global.css index 3ebe065..021808a 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -147,6 +147,17 @@ main { overflow: hidden; } +/* + TODO: Experiment with this when Safari has better support. + At the moment, the site in "web app view" does not stretch + the full height of the viewport (likely because of `svh`). +*/ +/* +.section:fullscreen { + height: 100dvh; +} +*/ + .section-interior { display: grid; gap: var(--space-looser);